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

Financial Edge

The Investment Banker Certification

Corporate Finance Institute

Build the Finance Skills That Lead to Promotions — Not Just Certificates

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off

One annual plan covers every course and certificate on Coursera. 40% off for a limited time.

Get Full Access

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