Inspiration

We wanted to make healthy living simple, fun, and motivating — like turning fitness into an epic journey.

What it does

AstroGain tracks nutrition, meals, workouts, and health metrics, helping users reach their fitness goals.

How we built it

Using smart calorie tracking, goal-based workouts, and a sleek, space-themed design for an engaging user experience.

Challenges we ran into

Balancing simplicity with detailed tracking and keeping the interface intuitive without overwhelming users.

Accomplishments that we're proud of

Creating an all-in-one tracker that motivates users, with science-backed features and a visually appealing design.

What we learned

Designing for engagement is just as important as functionality; users love clear, actionable insights.

What's next for AstroGain

Adding personalized AI recommendations, community features, and deeper health analytics to supercharge results.

Built With

  • css
  • css3
  • customcssvariables
  • html
  • lucidereact
  • radixui
  • react18
  • reactcontext
  • reacthookform
  • reactrouter
  • recharts
  • shadcn/ui
  • supabase
  • supabaseedgefunctions
  • tailwandcss
  • tanstackquery
  • typescript
  • vite
Share this project:

Updates