calori Tailwind Templates

Calori

Development of a full-stack web app for meal planning using Next.js, TypeScript, and Prisma, with Google OAuth authentication and data management with React Query for cache optimization.

Calori 🍃

Calori is a simple, beautiful, and customizable diet planner. It allows you to create, edit, and manage diets, meals, and foods efficiently.

🚀 Project Access

  • Hosted: The project is available online and can be accessed at Calori.
  • Locally: You can also run the project locally with a Docker-based database.

🛠️ Local Setup

Prerequisites

Steps to Run Locally

  1. Clone the Repository

    git clone https://github.com/your-username/caloricalori.git
    cd caloricalori
    
  2. Start the Database with Docker Ensure Docker is installed and running:

    docker-compose up -d
    
  3. Install Dependencies Use your preferred package manager:

    npm install
    # or
    yarn install
    
  4. Set Up Environment Variables Create a .env file in the root directory with the following variables:

    DATABASE_URL="postgresql://user:password@localhost:5432/calori"
    NEXTAUTH_URL="http://localhost:3000"
    
  5. Run Database Migrations

    npx prisma migrate dev
    
  6. Start the Development Server

    npm run dev
    # or
    yarn dev
    
  7. Access the Project Open http://localhost:3000 in your browser.


🌐 Deployment

The project is hosted on Vercel. You can access it directly at https://calorii.vercel.app.


🧰 Technologies Used

  • Frontend: Next.js
  • Database: PostgreSQL (via Docker)
  • ORM: Prisma
  • Hosting: Vercel
  • State Management: React Context API
  • Styling: TailwindCSS
  • Tests: Jest (in Progress)

📚 Features

  • Diet Management:

    • Create, edit, and duplicate diets.
    • Add multiple meals variations and foods.
  • Automatic Macro Calculation:

    • Automatically calculates carbohydrates, proteins, fats, and calories per gram, per gram per kg, and as a percentage of total kcal.

📄 License

This project is licensed under the MIT License. See the LICENSE file for more details.

Top categories

Loading Svelte Themes