Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/infinitypaul/pokemon
a ReactJS app for finding your favourite Pokemon
https://github.com/infinitypaul/pokemon
Last synced: 8 days ago
JSON representation
a ReactJS app for finding your favourite Pokemon
- Host: GitHub
- URL: https://github.com/infinitypaul/pokemon
- Owner: infinitypaul
- Created: 2019-06-26T21:19:09.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-01-05T09:31:59.000Z (almost 4 years ago)
- Last Synced: 2024-10-10T13:09:10.717Z (29 days ago)
- Language: CSS
- Homepage: https://pokemon-infinity.firebaseapp.com
- Size: 528 KB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This web app allows you to find your favourite pokemon.
## Pre-requisites
- Node v12.
## Download Instruction
1. Clone the project.
```
git clone https://github.com/infinitypaul/pokemon.git projectname
```2. Install dependencies via npm.
```
npm install
```4. Runs the app in the development mode.
```
npm start
```## Project Overview
This app is made in react with react hooks. At the initial load we fetch list of all possible pokemons well paginated, on hover on the pokemon card, the pokemon details are displayed on the right hand side, likewise on click, the move list and evolution of the pokemon will be displayed ..
## Folder Walkthrough
>src/component
All react components are stored in this directory. Major components are divided in their own directories. If a component is not very complex or is only used within one component - it is stored in its parent component directory
>src/container
All React Containers are stored in this directory. they contain the react component
>src/error
Handles The Web App Error
>src/hooks
React Hooks are stored here
>src/shared
Reusable const are stored here
Enjoy!