Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Build a Video Game Aggregator

Go to class Write review

Simplilearn

Earn a Michigan Engineering AI Certificate — Stay Ahead of the AI Revolution

Noble Desktop

NY State-Licensed Certificates in Design, Coding & AI — Online

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off

One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.

Unlock All Certificates

In this series, we'll build a video game app that pulls data from the IGDB API and displays game information such as popular titles, coming soon, videos, and screenshots. We'll explore a variety of front-end features with Laravel and other technologies, including the HTTP client, Tailwind CSS, Livewire and Alpine. js.

Syllabus

Styling

What We're Building
Style the Index Page with Tailwind CSS
Make the Index Page Responsive
Style a Single Game Page with Tailwind
Make a Single Game Page Responsive

The Video Game API

Fetch Game Information from the IGDB API
Improve Performance
Skeleton Loader
Use the API to Fetch Details for a Single Game

Refactoring

Refactoring Views
Refactoring Views: Part 2
Refactoring to Blade Components

Testing

Testing With HTTP Fakes and Livewire

Animations

Animating the Rating Progress Bar
Animating the Rating Progress Bar: Part 2

Alpine

Search Dropdown Autocomplete with Livewire
Search Dropdown UX with Alpine.js
Modals with Alpine.js

Wrapping Up

PurgeCSS
Conclusion
Upgrade the IGDB API to v4

Taught by

Andre Madarang

Reviews

Start your review of Build a Video Game Aggregator