-
Homepage: shows collection of 350 pokemons.
-
Pokemaon page: shows information about the pokemon
Pokedex
About the project
The inspiration behind this project was to create a Pokedex web application using HTML, CSS, and JavaScript. As a fan of Pokémon and web development, I wanted to combine my interests to build a practical and fun project. Throughout the development process, I learned a lot about working with APIs, asynchronous JavaScript, and CSS styling techniques.
What inspired me
My love for Pokémon and my passion for web development inspired me to create this project. I wanted to build something that would allow me to showcase my skills while also creating a useful tool for fellow Pokémon fans.
What I learned
- Working with APIs: I learned how to fetch data from the PokeAPI and use it to display information about different Pokémon.
- Asynchronous JavaScript: I gained a deeper understanding of asynchronous programming and how to handle promises and async/await functions.
- CSS styling: I experimented with various CSS techniques to create an appealing and responsive design for the Pokedex.
How I built the project
- HTML: I structured the layout of the Pokedex using HTML, including header, main, and footer sections.
- CSS: I styled the elements of the Pokedex using CSS, customizing colors, fonts, and layouts to achieve the desired look and feel.
- JavaScript: I used JavaScript to fetch data from the PokeAPI, handle user interactions such as searching and filtering, and dynamically update the content of the Pokedex.
Challenges faced
- API limitations: Working with the PokeAPI presented some challenges, such as rate limits and data inconsistencies, which required careful handling to ensure smooth functionality.
- Responsive design: Creating a responsive layout that looks good on different screen sizes and devices was challenging but rewarding, as I learned valuable CSS techniques for achieving responsiveness.
- JavaScript complexity: Managing asynchronous JavaScript code and handling user interactions in a dynamic web application required careful planning and organization to maintain code readability and functionality.
Log in or sign up for Devpost to join the conversation.