Pokédex - A JavaScript Web App

Pokédex JS App

Project Description

Pokédex is an interactive web application built with JavaScript, HTML , and CSS that allows users to browse Pokémon data and view detailed information. This project uses data from an external Pokémon API to provide a dynamic experience and implements clean, user-friendly design elements.

Visit the Live App

Live App

Explore the Code on Github

GitHub Repo

Project Overview

The Pokédex JavaScript App is a simple js application where users can view a list of Pokémon, search for specific Pokémon, and view additional details in a modal. It emphasizes responsive design, clean code practices, and compatibility with major web browsers. This project was created to showcase front-end development skills, particularly with JavaScript, HTML, CSS, and external API integration.

KEY FEATURES

  • DATA LOADING

    · The application fetches data from an external Pokémon API.

  • List View

    · Displays a list of Pokémon with their basic information.

  • Detail View

    · On clicking a Pokémon in the list, a modal appears with additional details, such as type, abilities, and stats.

  • Responsive Design

    · Uses CSS and Bootstrap to ensure usability across various devices and screen sizes.

Technologies Used

  • Languages and Libraries

    · JavaScript

    · HTML

    · CSS

    · Bootstrap

    · jQuery

  • Pokémon API

    · RESTful Pokémon API is used to fetch Pokémon data and details

  • Google Fonts

    · Custom font (Barriecito, Roboto) from Google Fonts

  • Icons

    · GitHub, Twitter, and LinkedIn social media icons for footer

  • ESLint

    · For code quality and to enforce JavaScript best practices.

  • GitHub Pages

    · For deployment of the app.

Impressum & Datenschutz