https://github.com/emersonramos3lt/pokedex

A Pokédex powered by a JavaScript API
https://github.com/emersonramos3lt/pokedex

api api-rest css fetch fetch-api html html-css html-css-javascript html5 javascript js responsive responsive-design responsive-web-design

Last synced: about 1 month ago
JSON representation

A Pokédex powered by a JavaScript API

• Host: GitHub
• URL: https://github.com/emersonramos3lt/pokedex
• Owner: emersonramos3lt
• Created: 2024-07-19T16:20:06.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-01-03T17:26:07.000Z (about 1 month ago)
• Last Synced: 2025-01-03T18:28:53.159Z (about 1 month ago)
• Topics: api, api-rest, css, fetch, fetch-api, html, html-css, html-css-javascript, html5, javascript, js, responsive, responsive-design, responsive-web-design
• Language: JavaScript
• Homepage: https://emersonramos3lt.github.io/pokedex/
• Size: 291 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# **🎮 Pokédex GIF Viewer**

This project is a modern, **fully responsive** Pokédex built with **HTML, CSS, and JavaScript**, utilizing the **PokéAPI** to **fetch and display animated GIFs** of Pokémon. Users can search for their favorite Pokémon by entering its name or Pokédex number in the input field, and the corresponding animated GIF is displayed, making the experience fun and interactive.

Additionally, the Pokédex features **Next and Previous buttons**, allowing users to easily navigate through the Pokémon list without typing. The responsive design ensures a seamless experience across all devices, from large screens to mobile phones, while maintaining a vibrant and engaging Pokémon-inspired aesthetic.

# **🛠️ Main Features**

- **HTML, CSS & JavaScript Integration**

- **PokéAPI Integration for Pokémon Data and Animated GIFs**

- **Search Functionality by Name or Number**

- **"Next" and "Previous" Buttons for Navigation**

- **Fully Responsive Design**

- **Modern and Playful UI/UX Design**

# **📷 Screenshots**

![Screenshot](./screenshot/img1.PNG)