Skip to content

Pokédex is a small web application with HTML, CSS, and JavaScript that loads data from an external API and enables the viewing of data points in detail. The app displays a list of Pokemon, clicking on which opens a window with some detailed information about them, as well as an image of a pokemon.

Notifications You must be signed in to change notification settings

nastja4/simple-js-app_Pokedex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript App (Pokédex)

Objective

This web application is designed to showcase a fully functioning JavaScript application built with HTML, CSS, and JavaScript. It loads data from the Pokémon API and allows users to view details of various Pokémon.

Screenshots:

Screenshot 1 Screenshot 2

Table of Contents

Features

  • Load data from the Pokémon API.
  • Display a list of Pokémon.
  • View detailed information for a selected Pokémon.
  • Stylish CSS layout for an enhanced user experience.
  • User-friendly error handling and loading indicators.
  • Modal for viewing Pokémon details.

How to Use

To explore the Pokédex app, you can either visit the live version hosted on GitHub Pages:

JavaScript Pokédex App

Or, you can clone this repository to your local machine and open the index.html file in your browser.

git clone https://github.com/yourusername/pokedex-app.git
cd pokedex-app

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • Fetch API for data retrieval
  • Bootstrap for enhanced styling
  • ESLint for code formatting

Libraries and frameworks:

Bootstrap is a popular open-source CSS framework that provides a collection of pre-designed, responsive design components and layouts. It simplifies the process of creating visually appealing and mobile-friendly web pages. It includes CSS, JavaScript, and a grid system, making it easy to build modern web applications.

jQuery is a fast and lightweight JavaScript library that simplifies the process of manipulating HTML documents, handling events, creating animations, and making asynchronous requests to a server. It's known for its ease of use and cross-browser compatibility.

A polyfill, short for "polymer fill," is a piece of code or a library that provides modern functionality in older web browsers that do not support it natively. Polyfills bridge the gap between older and newer browser features, ensuring that your web applications work consistently across different browsers.

As polyfills can vary depending on the specific feature you want to support, you may need to look for polyfills that match your project's requirements. A popular source for polyfills is MDN Web Docs.

Contributing

Contributions to this project are welcome. If you have any improvements or new features to suggest, please open an issue or submit a pull request.

About

Pokédex is a small web application with HTML, CSS, and JavaScript that loads data from an external API and enables the viewing of data points in detail. The app displays a list of Pokemon, clicking on which opens a window with some detailed information about them, as well as an image of a pokemon.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published