✨ Track your moods, log your thoughts, and visualize your journey — all wrapped in a nostalgic space aesthetic.
Celestial is a space-themed mental health, mood tracking, and journaling web app built for the CS Girlies Hackathon.
Developed entirely on Replit using an AI agent (Claude AI), our team directed the AI through prompts, feature planning, and design choices — ensuring the final product reflects our creative vision allowing users to upload moods, reflect on their feelings, and access insightful analytics — all in a soft and cosmic user interface.
- 🌠 Live Website: Celestial App
- 🚀 Devpost Submission: View on Devpost
- 🎥 Demo Video: Watch on YouTube
- 🪐 Planetary Mood Selection: Choose your emotional state by selecting planets in an interactive solar system interface.
- 📝 Mission Log Journaling: Create Star Trek-inspired journal entries with text or voice recording capabilities.
- 📊 Cosmic Analytics: View mood distribution, streak tracking, and predominant emotion patterns with space-themed visualizations.
- 🧘 Meditation & Breathing: Access personalized meditation exercises and breathing techniques based on your current mood.
- 📅 Mood Calendar: Visual calendar showing your emotional journey over time with planetary representations.
- ⭐ Stardate System: Unique timestamp format that adds to the space exploration theme.
-
Frontend:
React 18 + TypeScript, Vite, Wouter, Tailwind CSS, shadcn/ui, Radix UI, Framer Motion, Lucide React. -
Backend & Database:
Express.js + TypeScript, PostgreSQL (Neon), Drizzle ORM & Drizzle Kit. -
State & Forms:
TanStack Query, React Hook Form, Zod. -
Audio Features:
Web Audio API, MediaRecorder API. -
Build & Dev Tools:
tsx, esbuild, PostCSS, Autoprefixer, Replit cloud environment. -
Development Process:
Entirely built with AI-powered assistance (Claude AI) for prototyping, code generation, and architectural decisions.
.png)
.png)
.png)