https://github.com/jerryxhu/fcc-pokedex

A fully functional and responsive pokédex for freeCodeCamp's JS Course using PokéAPI written in basic HTML, CSS, and JS!
https://github.com/jerryxhu/fcc-pokedex

freecodecamp freecodecamp-challenge freecodecamp-curriculum freecodecamp-frontend freecodecamp-javascript freecodecamp-project html-css-javascript pokedex pokemon pokemon-api

Last synced: about 2 months ago
JSON representation

A fully functional and responsive pokédex for freeCodeCamp's JS Course using PokéAPI written in basic HTML, CSS, and JS!

• Host: GitHub
• URL: https://github.com/jerryxhu/fcc-pokedex
• Owner: jerryxhu
• License: apache-2.0
• Created: 2024-12-30T17:48:57.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-12-31T02:27:47.000Z (4 months ago)
• Last Synced: 2025-01-21T05:15:46.985Z (3 months ago)
• Topics: freecodecamp, freecodecamp-challenge, freecodecamp-curriculum, freecodecamp-frontend, freecodecamp-javascript, freecodecamp-project, html-css-javascript, pokedex, pokemon, pokemon-api
• Language: JavaScript
• Homepage: https://jerryxhu.github.io/fcc-pokedex/
• Size: 64.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# freeCodeCamp Pokemon Search App (Pokédex) EXAMPLE

## A fully functional and responsive pokédex for freeCodeCamp's JS Course using PokéAPI written in basic HTML, CSS, and JS!

This project was completed for the last step of the JavaScript Algorithms and Data Structures Course/Certification offered by freeCodeCamp. The code fully utilizes the PokéAPI Proxy to showcase every Pokemon from ID 1 to 1025. Every part of this project is sample code to showcase the following:

* Using the PokéAPI Proxy to showcase and display different names, sprites, and stats of Pokemon

* Using JS to manipulate the DOM to display information

* Using vanilla CSS to design and create the Pokedex in a responsive format

* How to use JavaScript fetch, await, and async to pull data from a public API

## Check out the website for yourself!

https://jerryxhu.github.io/fcc-pokedex/

![image of website featuring the pokedex](https://github.com/FemurBreaker/fcc-pokedex/blob/main/img-readme.png?raw=true)

## How to install and run this project

The easiest way to see how this project works is to use the GitHub Pages website above and run it on your browser. However, if you want to run source code locally, the easiest way to do so is:

1. Clone this project or download the ZIP file

2. Run the code on any local server (ex. Live Server for VS Code)

## How to tweak this code for your use case

Since this is an example project, I would highly recommend you try and clone this repo to make your own tweaks to the code. The code here passes all tests on the freeCodeCamp submission page, but **please don't submit this code as your own**, feel free to take inspiration but always try and do things yourself first. This code acts as a pretty good baseline.

## Find a bug? Wanna clean up the Code?

If you found any issues with the project, would like to clean up some of my code, or just want to make a general improvement, please submit an issue using the built-in issues tab above.