Skip to content

hulchenko/PENN-calorie-tracker

Repository files navigation

Calorie Tracker App

This application allows you to track your daily calorie intake and manage your health goals. It provides a user-friendly interface for logging meals, monitoring progress, and maintaining a healthy lifestyle.

App Screenshot Desktop App Screenshot Mobile

Features:

  • Authentication: Secure sign-up and login process with global session state management.
  • Meal Logging: Add meals throughout the day, categorized by type (breakfast, lunch, dinner, etc.).
  • Daily Calorie Tracking: View your daily calorie intake with a progress bar to track your progress towards your goal.
  • Weekly Goal Tracking: Track your weekly calorie goals with a progress counter for each day (0/7).
  • Past Week View: View your calorie intake and goals for previous weeks (read-only).
  • Profile Management: Edit your profile information, including name, email, and daily calorie target.
  • Activity Tracker: Keeps your session active while using the app.
  • Responsive Design: Supports mobile, tablet, and computer screen sizes.

Technologies Used:

  • TypeScript
  • Next.js
  • Neon PostgreSQL
  • Tailwind CSS
  • Chakra UI

Live Demo:

You can access the live demo of the Calorie Tracker App here: https://nextjs-calorie-tracker-woad.vercel.app/login

Getting Started:

  • Sign up: Create a new account using the sign-up form.
  • Set Your Daily Goal: In your profile settings, define your target daily calorie intake.
  • Log Your Meals: Start adding meals throughout the day using the provided categories.
  • Track Your Progress: Observe your daily and weekly calorie intake and compare it to your goals.
  • Manage Your Profile: Edit your name, email, and daily calorie target as needed.

Feel free to explore the app and start tracking your calorie intake towards a healthier you!

About

Cold starts may cause unexpected behavior

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages