# Jovvix Quiz Application - Nuxt 3 Frontend

**Author:** Molla Samser (Founder, RSK World)  
**Designer & Tester:** Rima Khatun  
**Website:** https://rskworld.in  
**Contact:** hello@rskworld.in | +91 93305 39277  
**Address:** Nutanhat, Mongolkote, Purba Burdwan, West Bengal, India, 713147

---

## Overview

This is the frontend application for Jovvix Quiz Application, built with Nuxt 3, Vue 3, and Vuetify 3. It provides a modern, responsive interface for creating and participating in live quizzes.

## Technology Stack

- **Framework:** Nuxt 3 with Vue 3 Composition API
- **UI Library:** Vuetify 3 + Bootstrap 5
- **State Management:** Pinia with persistence
- **Styling:** SCSS with custom theming
- **Charts:** Chart.js integration
- **Icons:** FontAwesome + Material Design Icons
- **Authentication:** Ory Kratos integration

## Features

- Live quiz participation
- Real-time interactions via WebSockets
- User authentication and verification
- Responsive design for all devices
- Modern UI with animations (Lottie)
- Performance optimizations (SSR, code splitting)

## Getting Started

1. Install dependencies:
   ```bash
   npm install
   ```

2. Copy environment file:
   ```bash
   cp .env.example .env
   ```

3. Start development server:
   ```bash
   npm run dev
   ```

4. Build for production:
   ```bash
   npm run build
   ```

## Configuration

The application uses environment variables for configuration. See `.env.example` for available options.

## Project Structure

```
app/
├── assets/          # Static assets (images, styles)
├── components/      # Vue components
├── composables/     # Vue composables
├── layouts/         # Nuxt layouts
├── pages/           # Vue pages
├── plugins/         # Nuxt plugins
├── store/           # Pinia stores
├── nuxt.config.ts   # Nuxt configuration
└── package.json     # Dependencies and scripts
```

## Contributing

This project is part of the RSK World educational initiative. For contributions and support, please contact us.

## License

© 2026 RSK World. All rights reserved. Content used for educational purposes only.
