An open API service indexing awesome lists of open source software.

https://github.com/jane-does-coding/sipfit

This website was made, for people to have easier understanding of healthy eating habits and life choices.
https://github.com/jane-does-coding/sipfit

git github mongodb nextjs prisma react reactjs tailwind zustand

Last synced: about 2 months ago
JSON representation

This website was made, for people to have easier understanding of healthy eating habits and life choices.

Awesome Lists containing this project

README

          

# SipFit

[![Athena Award Badge](https://img.shields.io/endpoint?url=https%3A%2F%2Faward.athena.hackclub.com%2Fapi%2Fbadge)](https://award.athena.hackclub.com?utm_source=readme)

This website was made, for people to have easier understanding of healthy eating habits and life choices. Which includes guides about working out, MyPlate eating strategy, Diet Plans, and more!

Screenshot 2025-08-19 at 6 36 26 PMScreenshot 2025-08-19 at 6 36 35 PM

Screenshot 2025-08-19 at 6 36 17 PMScreenshot 2025-08-19 at 6 36 06 PM

## Example Database Structuring

Screenshot 2025-08-19 at 6 45 01 PMScreenshot 2025-08-19 at 6 45 37 PM

This website tells you your:

- BMI, and what it means
- Healthy weight range
- Basal Metabolic Rate (BMR)
- Calories the person needs daily by activity
- Calories to Maintain/Lose/Gain weight
- Macro Breakdown
- Goal Tracking
- Analitics of weight comparison
- Analitics of BMI comparison
- Height Comparison
- Body Measurements comparison
- Diet Advices
- Macros needed daily
- Healthy eating tips
- Examples of healthy Measl
- Let's you create & save your profile and meal data

Something challenging that I had to learn for this project was react charts:

I didnt work with the react charts a lot in the past, and whenever I did, I was always struggling with it and ended up giving up, however, this time was different, and it went more smooth than my old times.

## Languages & Technologies:

[![My Skills](https://skillicons.dev/icons?i=js,ts,tailwind,mongodb,react,nextjs,prisma)](https://skillicons.dev)

---

## Setup

### 1. Clone the repo

```bash
git clone https://github.com/jane-does-coding/SipFit
cd sipfit
```

### 2. Install the dependencies

```bash
npm i
```

### 3. Configure .env

```bash
DATABASE_URL="your mongodb"
NEXTAUTH_SECRET="random-secret"
```

### 4. Setup Prisma

```bash
npx prisma generate
```

### 4. Run the project

```bash
npm run dev
```