Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

README

        


This web app allows you to find your favourite pokemon.


Creator | Getting Started

 

## 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!