# To Be Played - Frontend

A modern web application to manage your game backlog, built with Vue 3 and Vite.

## 🚀 Tech Stack

- **Framework:** [Vue 3](https://vuejs.org/) (Composition API with `<script setup>`)
- **Build Tool:** [Vite](https://vitejs.dev/)
- **UI Component Library:** [Vuetify 4](https://vuetifyjs.com/)
- **Styling:** [Tailwind CSS 4](https://tailwindcss.com/)
- **Icons:** [Material Design Icons (MDI)](https://materialdesignicons.com/)

## 📂 Project Structure

```text
├── public/          # Static assets (favicons, icons)
├── src/
│   ├── assets/      # Images and global media
│   ├── components/  # Reusable Vue components
│   ├── App.vue      # Main application layout and entry component
│   ├── main.js      # App initialization (Vue, Vuetify, Styles)
│   └── style.css    # Global Tailwind and custom CSS
├── index.html       # Entry HTML file
├── package.json     # Dependencies and scripts
└── vite.config.js   # Vite configuration
```

## 🛠️ Development

### Setup
```bash
npm install
```

### Start Development Server
```bash
npm run dev
```

### Build for Production
```bash
npm run build
```