🌊 CalmWave – Personalized Sound Therapy for Anxiety Relief

🧠 Project Idea

CalmWave is a web application designed to help users reduce anxiety through personalized sound therapy.
Users take a quick mood-based quiz, receive curated soundscapes, track emotional progress, and gain wellness insights — all in a calming and user-friendly interface.

---

🎯 Goals

• Deliver a seamless, calming user experience
• Use sound therapy backed by quiz data
• Let users track their mental wellness progress
• Implement clean, responsive design with accessibility in mind

---

🛠 Tech Stack

• Frontend: React, Vite, Tailwind CSS, Framer Motion
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: Custom Auth
• Audio: Pre-recorded files /mp3

---

🗓️ Weekly Plan

🔹 Week 1: Ideation & Design

• Finalize the project flow and features
• Choose color schemes and fonts
• Create low-fidelity wireframes in Figma
• Design high-fidelity prototypes for:
  • Explore Page
  • Signup / Login / Forgot Password
  • Home Page
  • Quiz Page
  • Therapy Page
  • Progress & Insights Page

---

🔹 Week 2: Frontend Development

• Set up React project with Vite
• Implement routes and navigation
• Build all static UI pages based on Figma
• Use Tailwind CSS for styling
• Add animations with Framer Motion
• Integrate placeholders for dynamic content

---

🔹 Week 3: Backend & Integration

• Set up Express.js backend
• Connect to MongoDB or PostgreSQL
• Create REST APIs for:
  • User authentication
  • Quiz results
  • Sound therapy recommendations
  • Progress tracking
• Add sound playback functionality
• Connect frontend with backend

---

🔹 Week 4: Testing, Insights & Deployment

• Final polish of UI/UX
• Add Insights page with data visualization
• Final testing and bug fixes
• Deploy frontend (Vercel/Netlify)
• Deploy backend (Render/Heroku)
• Finalize README, record walkthrough video, and submit

---

📦 How to Run Locally

1. Clone this repo
2. Run npm install in both frontend and backend folders
3. Create .env files based on the .env.example files in both folders
4. For AI autocomplete functionality, add your OpenAI API key to backend/.env:

   OPENAI_API_KEY=your_openai_api_key_here
   

5. Run frontend: npm run dev
6. Run backend: npm run start

---

🤖 Codium AI Review

To request an AI review, comment this on your PR:

BACKEND DEPLOYMENT LINK : https://s63-priyanshi-capstone-calmwave-9.onrender.com FRONTEND DEPLOYMENT LINK : https://admirable-granita-160f9f.netlify.app/