Pokenoki is a Pokémon-themed web application that allows users to browse, search, and view detailed information about Pokémon through a clean, modern, and card-based interface. The project focuses on simplicity, smooth user experience, and frontend development best practices.
🌐 Local Preview
http://127.0.0.1:3000/index.html
🖥️ Application Overview
- Pokémon-themed branding with custom logo and favicon
- Search bar to find Pokémon by name
- Filter dropdown to refine Pokémon list
- Pokémon cards displaying sprite, name, and Pokédex number
- Dedicated details panel showing selected Pokémon information such as type, height, weight, abilities, and base stats (HP, Attack, Defense, Speed)
✨ Features
- Real-time Pokémon search
- Clean and responsive UI
- Card-based Pokémon listing
- Pokémon detail preview panel
- Smooth and minimal design
🛠️ Tech Stack
- HTML5
- CSS3
- JavaScript (ES6)
- Local development server
📂 Project Structure
Pokenoki/
├── index.html
├── style.css
├── script.js
└── README.md
└── Favicon.png
└── Logo.png
🚀 How to Run Locally
- Clone or download the project
- Open the folder in any code editor
- Start a local server (Live Server / Python / Node)
- Open in browser: http://127.0.0.1:3000/index.html
🎯 Future Enhancements
- Pokémon API integration
- Advanced filtering and sorting
- Dark mode support
- Improved mobile responsiveness
- Favorite Pokémon feature
👨💻 Authors
Rishi Bhardwaj (Github = @RishiByte)
Shivam Bilwadiya (Github = @ShivamBilwadiya)
📜 Disclaimer
This project is developed for educational purposes only. All Pokémon names, images, and related assets are the property of their respective owners.
⭐ Feel free to explore, modify, and improve the project!