RetroWellness

Reviving Balance, One Pixel at a Time

Comment

Inspiration

The inspiration for RetroWellness came from the desire to combine technology, mental health, and a touch of nostalgia. The retro theme brings a comforting and playful vibe while addressing the growing need for accessible mental wellness tools. The app merges personalized wellness with a vibrant, retro aesthetic to make healthy habits fun and engaging.

What it does

RetroWellness is a wellness app that prioritizes mental health and a balanced lifestyle. Its features include:

  • Wellness plans tailored to the user's goals.
  • Mood-to-music generator for uplifting vibes.
  • Time capsule to save and reflect on memories.
  • Community forums for support and shared growth.
  • Chatbox to get more information and advice about health plans.

All presented in a retro-themed interface with neon accents and a nostalgic grid layout for a unique user experience.

How we built it

RetroWellness was built using:

  • Frontend: React with CSS for responsive retro-style UI.

How to run it locally:

  1. Clone the repository:
    https://github.com/shreyazh/RetroWellness.git
  2. Install dependencies: cd RetroWellness npm install
  3. Run the server: npm run dev
  4. RetroWellness should open on http://localhost:5173/

Challenges we ran into

  • Designing the retro aesthetic while maintaining usability and accessibility.
  • Ensuring a responsive UI across devices.
  • Managing time constraints while implementing multiple features.

Accomplishments that we're proud of

  • Successfully creating a retro-themed app that combines functionality and aesthetics.
  • Building a responsive chatbox with a retro-style text bubble interface.
  • Overcoming integration challenges to provide a cohesive user experience.

What we learned

  • Advanced styling techniques with CSS for creative designs.
  • Effective teamwork and time management during hackathon development.
  • Balancing user experience with visual appeal in themed designs.

What's next for RetroWellness

  • Expanding the mood-to-music generator with Spotify integration.
  • Adding gamification elements to encourage user engagement.
  • Enhancing the community forums with moderation and activity tracking.
Share this project:

Updates