angelolz / pokesearch

Website that I made for my CS401 Intro to Web Development course. This website allows you to search for Pokémon, their moves, and the different items in all games.

Home Page:https://pokesearch.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pokésearch

This project is a website that allows you to look up information about Pokémon, their moves, and the different items. I made this website for my CS401 Intro to Web Development class. This was a way for me to showcase all the skills I've learned throughout the course, where I implemented HTML, CSS, JS, SQL and PHP in this website. I wanted to do something that was API driven, since I've had some experience dealing with API's before with my Animal Crossing Discord Bot.

Features

  • Working paginated list of all the Pokémon, moves, and items! Pokémon listing The first page result of the Pokémon listing.

    Pokémon Moves listing The first page result of the Pokémon moves listing.

    Pokémon Items listing The first page result of the Pokémon items listing.

  • Informataion lookup for each individual Pokémon, moves, or items! Pokémon Information Page for Pikachu The Pokémon Information Page for Pikachu.

    Move Information Page for Stomp The Move Information Page for the move Stomp.

    Item Information Page for Oran Berry The Item Information Page for the item Oran Berry.

  • Working search bar for all three categories!
    Search results
    I'm especially proud of this one as I've been able to get fuzzy searching working. Also, if you entered the name of the Pokémon, move, or item exactly, it will take you directly to the page!

  • Pokémon team management! Team management This feature was a bit finnicky to work with, as it was the first time I used JS and having to implement AJAX as well. But it works mostly fine! Due to time constraints, I wasn't able to fix the styling for the team management page. :(

Special Thanks

This website wouldn't be possible without the help of PokéAPI and KLogger. The people at the PokéAPI slack workspace helped me out when I was having troubles, and KLogger helped me fixed issues I was struggling with when I was trying to debug my PHP code :')

Support

Feel free to let me know of any bugs that you discover through my twitter (@angelolz1), which is the best way to reach me!

If you want to donate my way, donating through my Ko-Fi would be a great way to do so!

Contributing

I won't be updating this site as much often as I want to, as I have other stuff I want to work on. I will come back and work on this site from time to time! That being said, feel free to open a pull request and describe the changes that you've made. I'll try my best to come back to it as soon as possible!

License

This project uses the MIT license.

ko-fi

About

Website that I made for my CS401 Intro to Web Development course. This website allows you to search for Pokémon, their moves, and the different items in all games.

https://pokesearch.org


Languages

Language:PHP 75.7%Language:CSS 15.0%Language:JavaScript 8.5%Language:Hack 0.8%