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.
- 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.
- TypeScript
- Next.js
- Neon PostgreSQL
- Tailwind CSS
- Chakra UI
You can access the live demo of the Calorie Tracker App here: https://nextjs-calorie-tracker-woad.vercel.app/login
- 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!