January 2023
This project uses React to create a Pokedex using the Pokemon API. This was my first independent project after completing my full-stack bootcamp course work and is inspired by an earlier vanilla JavaScript Pokedex created during the bootcamp.
Users can view a list of 150 pokemon and click on any pokemon to open a modal with the pokemon's name, image, height, and type(s). Users can close the modal by clicking on the x in the top right or anywhere outside of the modal.
Node.js, npm package, Parcel.
-
Ensure Node.js and Parcel are installed.
-
Clone project from GitHub using command line:
- HTTPS:
$ git clone https://github.com/sarahmjenkins/pokedex-react.git - SSH:
$ git clone [email protected]:sarahmjenkins/pokedex-react.git
-
Install dependencies:
$ npm install -
Run locally:
$ npm start
"axios": "^1.2.2",
"bootstrap": "^5.2.3",
"react": "^18.2.0",
"react-bootstrap": "^2.7.0",
"react-dom": "^18.2.0",
"react-scripts": "^5.0.1"
"@parcel/transformer-sass": "^2.0.0-rc.0"
This app is deployed in GitHub Pages.
The goal of this project was to create a functional app. Future improvements would include fetching all pokemon from the Pokemon API and creating more visually appealing styling.