Pokédex built with React and PokéAPI, infinite scrolling of pokemon cards implemented using Intersection Observer API.
- Pokemon Data from PokéAPI
- UI components with React.js
- State management using React’s Context-API
- Styling with Sass
- Bundling with webpack
- Linting with ESLint
- Code formatting with Prettier
Steps to run Pokédex in your local environment.
Clone the repository
git clone https://github.com/shanpriyan/pokedex.git
Go to the project directory
Install the NPM packages
Start the development server
Development server will start at
This project is configured with ESLint for linting in
This project uses Prettier for formatting. You can use
npm run prettify script to format all files in the project.
This project uses webpack for bundling. You can use
npm run build script to generate a production build and
npm run build:dev script to generate a development build. Build will output to
This project is configured with new runtime JSX transform. React doesn’t need to be in scope while using JSX.
Live Demo – https://pokedex-e6661.web.app