SymptoTrack

• 

  Home page

• 

  Features

• 

  DashBoard

• 

  Dashboard

• 

  Daily Log

• 

  Trends

• 

  MindFulness Center

• 

  Goals

• 

  Metrics

• 

  Setting

• 

  Symtom Analysis

💡 Inspiration

The idea for SymptoTrack was born from everyday experiences—watching students, seniors, and even myself struggle to stay consistent with health tracking. We often ignore minor symptoms, skip healthy habits, or rely on memory when visiting a doctor. The need for a simple, motivating, and privacy-respecting tool for everyday wellness inspired me to create SymptoTrack—a platform that turns health tracking into a habit, not a hassle.

🔍 What It Does

SymptoTrack is an all-in-one health companion that helps users:

• Log daily symptoms, mood, and healthy habits like water intake, sleep, and medication
  
• View visual trends through dynamic health charts
  
• Use an AI-based disease checker to get preliminary condition suggestions
  
• Learn from rotating health tips and interactive quizzes
  
• Generate personalized certificates as achievements
  
• Customize themes (light/dark) for user comfort
  
• Keep all health data private—stored only on their own device

It combines preventive care, education, and gamification—all in a single platform.

🛠 How It Was Built

This project was built using a modern and efficient tech stack:

Designs and wireframes were created using Figma and Canva for clean user flow and interface consistency.

🚧 Challenges Faced

• Designing a clean yet feature-rich UI for both mobile and desktop users
  
• Storing daily logs and retrieving data in a readable, analyzable format
  
• Generating certificates dynamically without a backend
  
• Balancing educational content and interactivity
  
• Keeping the platform user-friendly for beginners while offering smart insights

🎉 Accomplishments

• Built a fully functional wellness app solo within the hackathon deadline
  
• Integrated interactive quizzes and achievement systems
  
• Created a privacy-first experience with no external data sharing
  
• Developed a beautiful and accessible interface from scratch
  
• Addressed multiple aspects of SDG Goal 3 (Good Health & Well-being)

📚 What I Learned

• Full-cycle development with React + Vite + Tailwind in TypeScript
  
• How to create dynamic user flows and responsive components
  
• Visualizing health data meaningfully using Chart.js
  
• Creating engaging educational content with real-world value
  
• Building for both technical excellence and emotional connection

🚀 What’s Next for SymptoTrack

• 🔐 Add user authentication and secure cloud syncing
  
• 📱 Launch a mobile app with offline access and push notifications
  
• 🧠 Expand the AI checker with verified datasets
  
• 🗣️ Add multilingual support and accessibility improvements
  
• ⌚ Integrate wearable device tracking (e.g., step count, heart rate)

Built With

• chart.js
• clsx
• eslint
• firebase
• lucide
• postcss
• react
• tailwind
• typescript
• typescript-eslint
• vite