A Vue 3 + TypeScript app that uses the RAWG API to explore and save your favorite games.
- 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
- Vue 3 + TypeScript + Vite
- Pinia (state management)
- Vue Router
- TailwindCSS
- Vitest + Vue Test Utils
- Clone repo:
git clone https://github.com/RndaAfzh15/rawg-games.git cd rawg-games - Install dependencies: npm install
- Create .env file: cp .env.example .env
- Add your RAWG API key in .env: VITE_RAWG_API_KEY=your_api_key_here
- Run locally: npm run test
🌍 Deployment
The app can be easily deployed to Vercel, Netlify, or GitHub Pages. Made with ❤️ by Randa Alfizah