Who's That Pokémon Quiz Game? HTML, CSS, JS & PokéAPI
How to Become a Developer How to Become a Developer
19K subscribers
3,059 views
87

 Published On Jan 24, 2024

Create Who’s That Pokemon Quiz Game using HTML, CSS, and JavaScript! An interactive game where you match the displayed Pokemon image with the correct name.

Learn and Build:
Dive into a mobile-first design that looks fantastic across various screen sizes. I'll guide you through every line of code, although It's helpful if you know basic HTML, CSS and JS before starting this video.

What You'll Learn:
HTML: Master the syntax and structure.
CSS: Explore flexbox and variables for stylish designs.
JavaScript: Tackle functions and asynchronous JS.
API: Fetch and display data from the RESTful Pokémon API.
Game Logic: Define correct and incorrect answers, handle loading screens, and keep track of scores.

Github Repo / Asset Folder
https://github.com/Ade-mir/whos-that-...

Deployed site:
https://pokemon-api-quiz-game.netlify...

Tools:
Visual Studio Code: https://code.visualstudio.com/
Google Fonts: https://fonts.google.com/
Netlify: https://www.netlify.com/

Install VS Code
   • How to Install and Setup VS Code on Mac  

Setup Prettier Code Formatter
   • How to use Prettier in VS Code - Code...  

Build your next awesome project
https://www.tubebuddy.com/quicknav/la...

Chapters:
00:00 Who's That Pokémon Quiz Game? HTML, CSS, JS & PokéAPI
01:32 Creating our HTML page
17:32 Styling our CSS
32:49 Adding our JavaScript logic
01:47:47 Deploying our site for free on Netlify

show more

Share/Embed