Pokemon BattleDex

Project Screenshot

Inspiration

While learning javascript i came across an API called PokeAPI which has data of everysingle pokemon, and being a huge pokemon fan i thought why not test my javascript skills and build a small project around it

What it does

It takes the names of two pokemons as inputs and fetches their data using PokeAPI, and then displays their sprites, details and calculates the averages of ther base stats to compare and display who would win a battle... you can also flip their sprites and see their shiny variants too!!

How we built it

I used basic html, css and javascript (no frameworks) Building the basic skeleton was easy, i used a bunch of divs for literally the entire project learning from my previous small projects i decided to add classes for the divs so i could navigate and find the sections easily while adding CSS I spent most of time building the logic while scripting, ran into many issues, took small breaks and finally witnessed stuff working

Challenges we ran into

the most difficult part i would say was adding the CSS... while building the skeletion i had added simple blue green for better visibility, and after finishing everthing else i came back to CSS I tried to make it look like Apple's new liquid glass design, im very much satisfied by its final looks though javascript part wasn't that much difficult as compared to CSS because i was fresh with the concepts