Secret Pokemon Project Submission

CodingGarden / seedling-school-01-frontend-project

For your first project, you will build a frontend website with HTML, CSS and JavaScript. The website will communicate and integrate with a 3rd party Web API.

MIT License

106 stars 14 forks source link

Secret Pokemon Project Submission #25

Open shinykoffin opened 4 years ago

shinykoffin commented 4 years ago

Project Name / Title

Give your project a good descriptive name

Your Name / Title

Alfredo / shinykoffin

Project Description

This app will let you know wich of the 800+ existing pokemon is your secret pokemon based on your birthdate and name.

https://github.com/shinykoffin/secret-pokemon

What 3rd Party Web API do you plan to use?

https://pokeapi.co/docs/v2.html/
[x] YouTube Subscriber
[x] Twitch Follower
[ ] Patreon Patron
[ ] Superchat Donor
[ ] Streamlabs Donor
[ ] Coding Garden Moderator

w3cj commented 4 years ago

Looks good to me! One question though, what will you do exactly to determine their secret pokemon?

Feel free to get started!

shinykoffin commented 4 years ago

I had this image saved in my bookmarks for some reason. It describes a process of how to do it... https://imgur.com/gallery/mKd3DSM Maybe I'll modify it a little because it was made when there was only 721 pokemon and now there's over 800

shinykoffin commented 4 years ago

I have the wireframes. I had to re-do them because my API didn't have an element to describe the pokemon

shinykoffin commented 4 years ago

Aaaand also the desktop version... I'm not very convinced with these ones, but I'm open to feedback

mahendrjy commented 4 years ago

I love the wireframes. I'm super excited to find out my secret pokemon.

w3cj commented 4 years ago

Any updates to share?

shinykoffin commented 4 years ago

Hello, sorry for not posting updates. I had a problem with my Mac so I did a reset... but I finished all the basic CSS styles, I almost died styling the select elements, this screenshots are from Firefox, in Chrome those ugly buttons do not show.

Now I'm ready to start with all the js stuff. Hopefully I'll finish this saturday 😃 Some screenshots:

If you have feedback please comment, about colors, fonts, grammar, everything.

shinykoffin commented 4 years ago

Sorry for the delay. I got the pokemon id calculation and API working! I just need to tweak a lot of details like reseting the app, and what happens if someone gets and ID > 807 and things like checking if the name inputs are empty and all that.

Here is a screenshot with my secret pokemon :D

w3cj commented 4 years ago

Any updates to share? Let me know if you would like a ui / code review.

shinykoffin commented 4 years ago

The update is that I’m stuck trying to implement animations and some loading bar.

But yeah I would like a code review. I mean not finished, I still have to adapt the site to desktop version and the animation things. But if you can give me feedback at this point I would appreciate that a lot 😊

shinykoffin commented 4 years ago

Hello, I have an update! I managed to put some simple animations and a simple loading spinning thing! Now I just need to put some about page aaaand adapt the thing for bigger screens 😊