Awesome
<h1 align="center"> <br> <img src="https://i.imgur.com/amrsFJK.png" alt="Animavita" height="125" width="125"> <br> <img src="https://i.imgur.com/iSizpPl.png" alt="Animavita" height="45" width=""> <br><br> </h1> <p align="center">A minimal, clean and beautiful mobile app to help people find the closest pet friend to adopt, rescue lives and change the world.</p> <p align="center"><i>"How to save a life?" - The Fray</i> </p> <p align="center"> <a href="http://makeapullrequest.com"> <img src="https://img.shields.io/badge/progress-40%25-brightgreen.svg" alt="PRs Welcome"> </a> <a href="http://makeapullrequest.com"> <img src="https://img.shields.io/badge/contribuition-welcome-brightgreen.svg" alt="PRs Welcome"> </a> <a href="https://saythanks.io/to/wendelfreitas"> <img src="https://img.shields.io/badge/SayThanks.io-%E2%98%BC-1EAEDB.svg"> </a> <a href="https://www.repostatus.org/#wip"><img src="https://www.repostatus.org/badges/latest/wip.svg" alt="Project Status: WIP – Initial development is in progress, but there has not yet been a stable, usable release suitable for the public." /></a> </p> <p align="center"> <a href="#blush-why">Why</a> • <a href="#dizzy-roadmap">Roadmap</a> • <a href="#zap-tech-stack">Tech Stack</a> • <a href="#handshake-contributing">Contributing</a> • <a href="#tophat-license">License</a> • <a href="#art-about-me">About Me</a> </p> <p align="center"> <kbd> <img width="250" style="border-radius: 5px" height="450" src="https://i.imgur.com/7CJSiNA.gif" alt="Intro"> </kbd> <kbd> <img width="250" style="border-radius: 5px" height="450" src="https://i.imgur.com/jxUIe8w.gif" alt="Register adopt"> </kbd> <kbd> <img width="250" style="border-radius: 5px" height="450" src="https://i.imgur.com/CNczcSk.gif" alt="Chat"> </kbd> </p>:blush: Why?
Animavita is a combination of two Latin words, ‘Animal’ and ‘Vitae’, which means respectively ‘Animal’ and ‘Life’. This is an idea to create or animate something that was born a while ago, when I realized that facebook is used to publicize adoption and also ask for help for animals that lives on the streets.
Animavita's purpose is not to change how people use facebook to the activities described above, but to centralize the helpful information in a single application. Anyone can make an adoption request, but it doesn’t mean that the pet will be automatically adopted. It means that the person interested can talk to the person who registered the pet, allowing both sides to have a conversation, and the user to research and decide his favorite pet.
:dizzy: Roadmap
Check the Roadmap to more details about itens below.
- Rescue system (WIP)
- Write CONTRIBUTING.md + Install instructions
- Make it work on IOS
- Write tests in backend
- Write tests in frontend
- Transform into responsive
- Create Landing Page
- i18n
- Offline-first
- Create/Apply Dataloaders
- Update to latest React Native version
Install instructions
Getting Started
1) Clone & Install Dependencies
- 1.1)
git clone https://github.com/wendelfreitas/animavita
- 1.2)
cd animavita
- cd into your newly created project directory. - 1.3) Install NPM packages with
yarn install
Note: NPM has issues with React Native soyarn
is recommended overnpm
. - 1.4) [iOS]
cd ios
and runpod install
- if you don't have CocoaPods you can follow these instructions to install it. - 1.5) [Android] If you haven't already generated a
debug.keystore
file you will need to complete this step from within the/android/app
folder. Runkeytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000
2) Start your app
- 2.1) [iOS] Build and run the iOS app, run
react-native run-ios
(to run on simulator) orreact-native run-ios --device
(to run on real device) from the root of your project. The first build will take some time. - 2.2) [Android] If you haven't already got an android device attached/emulator running then you'll need to get one running (make sure the emulator is with Google Play / APIs). When ready run
react-native run-android
from the root of your project.
:zap: Tech Stack
<h1 align="center"> <img src="https://miro.medium.com/max/2600/1*pD7ShcZ7YHIMXe2mgiFzbg.png" alt="Stack" height="150" width="600"> <br> </h1>- Facebook Login
- React Native
- Styled Components
- Reactotron
- Eslint
- Redux
- MongoDB
- Formik + Yup
- Apollo
- GraphQL
- Kraken
- OneSignal
- AWS
- Redux-Persist
and much more...
:handshake: Contributing
This project is for study purposes too, so send me an email telling me what you are doing and why you are doing it, teach me what you know
All kinds of contributions are very welcome and appreciated!
- ⭐️ Star the project
- 🐛 Find and report issues
- 📥 Submit PRs to help solve issues or add features
- ✋ Influence the future of Animavita with feature requests
And make sure to read the Contributing Guide before making a pull request.
You can also contribute money to help secure Animavita's future.
<p align="center"> <a href="https://www.patreon.com/wendelfreitas" target="_blank"> <img src="https://cdn-std.dprcdn.net/files/acc_649651/plrSCT" height="80" alt="Patreon"> </a> </p>:tophat: License
For more details read License
Copyright (c) 2019 Wendel de Freitas Branco
:art: About Me
Linkedin - @wendelfb <br> Twitter - @hey_wendelzinho <br> E-mail - wendelfreitasbranco@gmail.com <br>