Awesome
<p align="center"><img width="120" height="120" src="https://user-images.githubusercontent.com/31761132/58764939-dd836b00-8586-11e9-99ff-24190025c5f6.png"></p> <h1 align="center">Anime-jisho</h1>
:information_source: About
A React native application for exploring the world of anime which includes multifaceted features including: search on board range of anime, details on particular anime i.e. characters, description, top trends etc. https://aurangzaibramzan.github.io/Anime-jisho/
:hammer: Technologies Used
- React Native
- React Navigation
- Styled Component
- React Apollo
- Apollo Client
- GraphQL backened
:camera: Screenshots
Android Screens
<p align="left"> <img src="https://user-images.githubusercontent.com/31761132/59718001-98bc2d00-9232-11e9-973d-8e353c473d57.jpg" width="200" height="350"> <img src="https://user-images.githubusercontent.com/31761132/59720857-56e2b500-9239-11e9-86c8-514b2593c2db.jpg" width="200" height="350"> <img src="https://user-images.githubusercontent.com/31761132/59718002-9954c380-9232-11e9-849e-c14b384bf9f6.jpg" width="200" height="350"> <img src="https://user-images.githubusercontent.com/31761132/59718003-9954c380-9232-11e9-813f-8b0fd06ea5da.jpg" width="200" height="350"> <img src="https://user-images.githubusercontent.com/31761132/59718005-99ed5a00-9232-11e9-8ea3-1dfec732d7d4.jpg" width="200" height="350"> </p>IOS Screens
<p align="left"> <img src="https://user-images.githubusercontent.com/31761132/59953672-9eb44700-949a-11e9-83b1-c339b175a8a3.jpg" width="200" height="350"> <img src="https://user-images.githubusercontent.com/31761132/59953673-9eb44700-949a-11e9-8ebd-732e24379201.jpg" width="200" height="350"> <img src="https://user-images.githubusercontent.com/31761132/59953674-9f4cdd80-949a-11e9-8efc-84670f6c1bd7.jpg" width="200" height="350"> <img src="https://user-images.githubusercontent.com/31761132/59953676-9f4cdd80-949a-11e9-8fe6-c2cd769105e5.jpg" width="200" height="350"> </p>:rocket: Installation
-
Get the code
git clone https://github.com/bytefuge/Anime-jisho.git && cd Anime-jisho
-
Install dependencies
npm install
-
In terminal, run
npm start
-
In separate terminal, run the project
# for iOS react-native run-ios
# for android react-native run-android
🤝 Contributing ![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)
The process of submitting a pull request is fairly straightforward and generally follows the same pattern each time:
<details><summary><b>Show instructions</b></summary>-
Search GitHub for an open or closed PR that relates to your submission. You don't want to duplicate effort.
-
Fork this project, clone your fork, and configure the remotes:
# Clone your fork of the repo into the current directory git clone https://github.com/<your-username>/<repo-name> # Navigate to the newly cloned directory cd <repo-name> # Assign the original repo to a remote called "upstream" git remote add upstream https://github.com/bytefuge/Anime-jisho.git
-
If you cloned a while ago, get the latest changes from upstream:
git checkout master git pull upstream master
-
Create a new branch (off the master branch) to contain your feature, change or fix:
git checkout -b <branch-name>
-
After you have made your changes, run tests and lint checks:
# for test npm test
# for lint check npm run lint
# for lint fix npm run lint-fix
-
Commit your changes using a descriptive commit message.
-
Rebase onto upstream
-
Push your branch to GitHub:
git push origin <branch-name>
-
Open a Pull Request using your branch and fill the required template.
IMPORTANT: By submitting a patch, you agree to license your work under the same license as that used by the project.
</details>Having trouble with repo? Check out our documentation or contact Support aurangzaib987@gmail.com
:page_facing_up: License
This project is licensed under the Apache License 2.0, see the LICENSE file for details.