🎮 PlayPeek

PlayPeek is a sleek, responsive web app that shows game details using the RAWG Video Games Database API.
Built with React + TypeScript + Bootstrap + Vite — no backend needed.

---

🚀 Features

• Browse a list of popular games
• View game name, release date, rating, and background image
• Responsive layout using Bootstrap
• Clean and type-safe React code with TypeScript
• Environment-based API key for secure access

---

📦 Tech Stack

• Frontend: React, TypeScript
• Styling: Bootstrap
• Build Tool: Vite
• API: RAWG Video Games Database

---

🛠️ Setup

1. Clone the repo

git clone https://github.com/rumoursbehindme/play-peek.git
cd play-peek

2. Install dependencies

yarn

3. Configure environment variables

Copy .env.example to .env:

cp .env.example .env

Then edit .env and set your RAWG API key:

VITE_RAWG_API_KEY=your_rawg_api_key_here

Get a free key from RAWG.io.

4. Start the dev server

yarn dev

5. Run tests

yarn test

For automated or CI environments, run the tests once without watch mode:

yarn test:ci

---

📁 Folder Structure

src/
├── components/        # Reusable UI components (e.g., GameCard)
├── pages/             # Page-level components (e.g., Home)
├── services/          # API calls
├── types/             # TypeScript types/interfaces
├── App.tsx            # Root component
└── main.tsx           # Entry point

---

📷 Screenshots

Home Page Game-Details-Modal

---

📌 License

MIT

---

🤘 Made with ❤️ by Rajeev Hegde