🚀 PROJECT INTRODUCTION: ZONEMATES - VIRTUAL LEARNING ECOSYSTEM

ZoneMates is not just a time management app, but a "mini learning universe" designed specifically for the Gen Z generation. Combining Pomodoro time management techniques, an ultra "chill" interactive 2.5D space, and the power of Artificial Intelligence (AI), ZoneMates offers a completely new learning experience: Absolute focus, Never alone, and Always inspiring.

🌟 KEY FEATURES

1. 🖥️ Lively 2.5D Learning Space

• Environment changes in real-time: The sky outside the virtual window will automatically change colors from a dazzling Dawn, clear Daytime, romantic Sunset to a Starry Night, depending on your real-time clock.

• Interactive computer screen: Click directly on the virtual screen to switch between the Pomodoro Timer, To-do list, Real-time clock, and Motivational quotes.

• Personalized workspace corner: Integrated 3D pop-up mailbox when new messages arrive, a steaming cup of coffee that’s extremely chill, and desk lamp light effects when Focus mode is activated.

2. 🎶 Lofi Radio / Podcast Background Station

• Integrated YouTube music player (Glassmorphism UI). Just paste the link of any Lofi song or Podcast you like, and the music will play in the background throughout your study session without interruption even if you switch between functional tabs.

3. 🤖 Multi-Functional AI Assistant (ZenBot 24/7)

• Stuck on a problem at midnight? The AI tutor ZenBot is always on standby to solve equations, fix code bugs, translate, or write. The virtual assistant is integrated right into the classroom to help you quickly look up information without the distraction of exiting.

4. 🌍 Multi-Connected Learning Network

• Modern Lobby: Displays a list of public classrooms (Official & Community) with diverse Theme/Color systems (Cyberpunk, Deep Forest, Coffee Shop,...).

• Private Room: "Invisibility" mode with a password, accessible only to those who receive an exclusive shared Link.

• Real-time interaction: Live Chat, image sharing, and see your friends' "typing" status in the room.

5. 📊 Dashboard & Performance Analysis

• Detailed statistics: Track Total focused hours, Number of Tasks completed, and Streak of effort days.

• Visual chart: Shows the study performance over the last 7 days through a realistic wave chart.

• Leaderboard: Honors "Top Focus" weekly to create healthy motivation among the community of "Scholars".

6. 📚 Integrated Document Library (DocLibrary)

• A place for the community to share study materials by grade level (10th, 11th, 12th, University).

• In-App document viewer: Directly view PDF, Word, Excel files right on the web interface thanks to embedded Google Drive technology without needing to download.

🛠️ TECHNOLOGY USED

• Frontend: ReactJS, Vite, Tailwind CSS (Building ultra-smooth UI/UX with Glassmorphism style & complex animations).

• Backend & Database: Firebase Realtime Database & Firebase Auth (Real-time data management, user authentication).

• Others: Recharts (chart drawing), Interactive audio system (Web Audio API), HTML2Canvas (creating Brand Kit).

🎯 VISION & MISSION

In an era where distractions from Social Media (TikTok, Facebook,...) are increasingly large, ZoneMates was born with the mission to create a "safe haven" that is efficient yet engaging. We believe that learning should not be a lonely burden,