Skip to content

Latest commit

 

History

History
28 lines (25 loc) · 1.93 KB

README.md

File metadata and controls

28 lines (25 loc) · 1.93 KB
Raw

PokéSearch

This project is deployed and hosted through AWS Amplify. View

To make this application I created 4 pages; each with their own HTML, JS, and CSS files.


My first step in creating this was to make the main page with the main feature I had planned from the start which is the Pokedex with a cover that opens on page load. I began by structuring the html of the index.html page (not what you see now, very basic just to get a framework), then I worked on the JS functionality, and finally the styling.

After the first page was created and working properly, I implemented my second feature, which is the Compare Pokémon page which added a second modal to the screen to compare two pokémon side-by-side. Once that was finished I spent some time thinking about what else I wanted to add which ended up being the About page and a page with a search function for all of the berries in the game.
No installation necessary to view this website. Clone the repo to your machine, then open any of the HTML files in your browser to view.

Current unsolved problems:

  • Search bar will only perform one search, then the app needs to be refreshed to search again.
  • Animation isn't as responsive as I want it to be.
  • Switch deployment host from GitHub Pages to AWS Amplify.
  • Fix pokedex cover animation in mobile view.
  • Fix z-index issue on compare.html in mobile view.
  • Fix z-index issue and center modal on berries.html.
  • Figure out how to change placeholder text on index.html in search textbox depending on viewport size.
  • Improve file structure with seperate directories for JS, HTML, CSS and images.
  • Continue working on pokedex cover animation in pursuit of perfection!