Pokedex helps Pokemon trainers to look up detailed information on each Pokemon, including species name, type, and image.
.
|-- public # Assets
|-- images # Images
|-- index.html # entry point for browser
|-- src
|-- components # All components, containers, and stories used in this project.
|-- data # Json data for all pokemons info
|-- styles # CSS files for styling components
|-- tests # Test files
|-- App.js # Root component
|-- index.js # Index file for React component rendering
|-- utilities.js # Utilities
To install the Pokedex application, follow these steps:
- Clone the repository to the local machine.
- Navigate to the project directory in the terminal.
- Run
npm install
to install the dependencies. - Run
npm start
to start the development server.
Once the application is running, you can access it by navigating to http://localhost:3000 in the web browser.
The web page will display a grid of all Pokemons with pagination. Trainers can also,
- Filter pokemons by their name
- Filter pokemons by their types
Run npm test
Notes: node version may cause error while running the test suites, in order to run tests, you can update your node version up to v19.8.1
Run npm run storybook
, you can access it by navigating to http://localhost:6006 in the web browser
Notes: If you got the digital envelope routines::unsupported
error. You can run below command in the terminal to resolve this problem.
export NODE_OPTIONS=--openssl-legacy-provider