Inspiration
I was inspired to create a Pokemon directory where users can search for pokemons and view their details.
What it does
My project is a Pokemon directory that allows users to search for Pokemon and view their details. Users can search for Pokemon by name, and can view a Pokemon's details such as its stats, abilities, and moves.
How we built it
Sure, here are the updated sections:
Inspiration I was inspired to create a Pokemon directory where users can search for pokemons and view their details.
What it does My project is a Pokemon directory that allows users to search for Pokemon and view their details. Users can search for Pokemon by name or by type, and can view a Pokemon's details such as its stats, abilities, and moves.
How I built it I built this project using React and the Next.js framework. I used Axios and the PokeAPI to fetch data about the Pokemon and used Tailwind CSS for styling.
Challenges we ran into
One of the biggest challenges I faced was figuring out how to fetch the data from the PokeAPI and display it on the page in a user-friendly way. I also had to figure out how to properly style the components the way I wanted to since it was my first time using Tailwind CSS.
Accomplishments that we're proud of
I'm proud that I was able to build a working Pokemon directory on my own. I was able to overcome some significant challenges along the way while using new technologies and learned a lot in the process.
What we learned
Through building this project, I learned a lot about working with APIs, fetching data, and building user-friendly search functionality. I also gained experience with Next.js and Tailwind CSS.
What's next for Pokedex
In the future, I plan to add more features to the Pokedex, such as the ability to filter Pokemon by type, region or generation. I also plan to continue improving the search functionality and making the app even more user-friendly. I would like to implement a backend (database, user authentication) which would allow users to create an account and save their favourite pokemons.
Built With
- axios
- css3
- next.js
- tailwind
Log in or sign up for Devpost to join the conversation.