https://github.com/0mppula/gta-6-trailer-views
https://github.com/0mppula/gta-6-trailer-views
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/0mppula/gta-6-trailer-views
- Owner: 0mppula
- Created: 2026-05-19T12:12:13.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-05-24T08:36:56.000Z (3 months ago)
- Last Synced: 2026-05-24T09:23:59.346Z (3 months ago)
- Language: TypeScript
- Homepage: https://gta-6-trailer-views.vercel.app
- Size: 76.2 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Grand Theft Auto (GTA)
A small project inspired by the **Grand Theft Auto** series, built to explore video content, UI rendering, and interactive card-based layouts.
## 🚀 Overview
This project displays a grid of video cards similar to a media dashboard. Each card shows:
- Video title
- Thumbnail preview (YouTube-style)
- View count animation
- Loading shimmer state
- Error handling state
- Fully clickable card navigation
The UI is designed to be fast, minimal, and responsive.
## 🎮 Features
- 🎥 Video grid layout
- 🖼️ Thumbnail previews using YouTube image API
- ⚡ Smooth loading shimmer states
- ❌ Error handling for failed video loads
- 📊 Animated view counter
- 🔗 Entire card clickable (improved UX)
- 📱 Responsive design
## 🧠 Key Design Decisions
- Only one clickable element per card to avoid nested anchor issues
- Separation of loading, error, and success states
- Lightweight UI with minimal re-renders
- Safe layout structure using grid-based rendering