• 

  Home page

• 

  Avatar selection

• 

  Mood diary

• 

  Diary entry

🌸☁️ CottonCloud

_A playful wellness and mental health app that helps you unwind, reflect, and grow.

---

🚀 Inspiration

We wanted to create a safe, fun space for people to express their emotions, de-stress, and take better care of their mental health. A lot of wellness tools feel clinical or boring so we made something warm, interactive, and genuinely enjoyable to use.

---

💡 What it does

CottomCloud is a mental wellness app where users can:

• Log their daily moods in a cute, interactive diary
  
• View their emotional journey on a visual calendar
  
• Create and customize their own characters
  
• Engage with relaxing animations and calming interactions
  

---

⚙️ How we built it

• Frontend: React + Vite + TypeScript
• Animation & Interactivity: TypeScript and custom components
  
• Firebase: User Authentification

---

🧠 Challenges we ran into

• Getting the animations to feel smooth and engaging while keeping performance in check
  
• Getting the calendar to save the mood diary for previous days

---

🎉 Accomplishments that we’re proud of

• Built a working mood tracker with calendar visualization
  
• Created a playful character customization feature
  
• Adding animations with sound

---

📚 What we learned

• We learned and got more familiar with typescript
• Better collaboration and time management
• How to design and keep everything interactive yet cute

---

🚧 What's next

• Adding daily mindfulness prompts and breathing exercises
  
• Expanding character customization to be more inclusive and diverse
• Connecting everything to backend

---

🔗 Links

• GitHub Repository

---

Built With

• firebase
• react
• typescript
• vite