Skip to content

RndaAfzh15/rawg-games

Repository files navigation

🎮 RAWG Games Explorer

A Vue 3 + TypeScript app that uses the RAWG API to explore and save your favorite games.

🚀 Features

  • Browse games from RAWG API
  • View detailed game info
  • Add/remove favorites (saved in localStorage)
  • Light/Dark theme support
  • Responsive UI with adaptive navigation (hamburger on mobile)
  • Swipe to delete favorites on touch devices
  • Unit & UI tests using Vitest

🧩 Tech Stack

  • Vue 3 + TypeScript + Vite
  • Pinia (state management)
  • Vue Router
  • TailwindCSS
  • Vitest + Vue Test Utils

⚙️ Setup

  1. Clone repo:
    git clone https://github.com/RndaAfzh15/rawg-games.git
    cd rawg-games
  2. Install dependencies: npm install
  3. Create .env file: cp .env.example .env
  4. Add your RAWG API key in .env: VITE_RAWG_API_KEY=your_api_key_here
  5. Run locally: npm run test

🌍 Deployment

The app can be easily deployed to Vercel, Netlify, or GitHub Pages. Made with ❤️ by Randa Alfizah

About

🎮 Website buat cari dan liat info game dari RAWG API. Bisa simpan game favorit, ganti tema dark/light, dan udah responsif juga. Dibuat pake Vue 3, TypeScript, Vite, dan TailwindCSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors