alionaterguta/rookie-app

Pokédex is a web application that fetches Pokémon details from an API. It encapsulates Pokémon data and provides methods for adding, retrieving, and loading Pokémon details.

Rookie-app: Pokémon Web Application with JavaScript

Project description:

The code provided is a JavaScript program that creates a Pokédex web application. It fetches Pokémon details from an API and displays them on the webpage. It encapsulates Pokémon data and provides methods for adding, retrieving, and loading Pokémon details.

Key Features:

Dynamic list creation Fetching Pokémon details from API Modal display for Pokémon details

The code defines a IIFE function called pokemonRepository() that encapsulates the list of Pokémon and provides methods to add new Pokémon, retrieve the full list and load Pokémon details from the API.

Technologies Used:

The app is built using the following technologies:

• HTML
• JavaScript (JS)
• jQuery
• CSS
• Bootstrap Components

How to get the project running: To run this project locally, follow these steps:

• Clone the Repository:

  git clone https://github.com/alionaterguta/rookie-app.git

• Navigate to the Project Directory:

• Open the Project:

  • Open the project in your preferred code editor.

• Run the Application: Open the index.html file in your web browser.

Project dependencies:

CSS:

JS: <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

and Popper: <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

jQuery: <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>

*API Url the project uses: "https://pokeapi.co/api/v2/pokemon/"