Skip to content

hemanthkumar-21/recipe-buddy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

19 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🍽️ Recipe Buddy Monorepo

This monorepo contains both the Express/SQlite backend and the Angular Recipe Buddy frontend, structured in a single repo for cohesive development.

πŸ“ Repository Structure

recipe-buddy/
β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ package.json
β”‚   β”œβ”€β”€ server.js
β”‚   β”œβ”€β”€ db/
β”‚   β”œβ”€β”€ routes/
β”‚   └── services/
└── frontend/
    β”œβ”€β”€ package.json
    β”œβ”€β”€ angular.json
    β”œβ”€β”€ src/
    └── tailwind.config.js

πŸš€ Getting Started

1. Clone the repo

git clone https://github.com/Hemu21/recipe-buddy.git
cd recipe-buddy

2. Setup Backend (Express + SQLite)

cd backend
npm install
  • The DB schema auto-initializes on first run.

Run Backend

npm run dev
  • βœ… API runs at http://localhost:3000/recipes

3. Setup Frontend (Angular 19 + NgRx + Tailwind)

cd frontend
npm install

Run Frontend in Dev Mode

npm run dev
  • βœ… Open in browser: http://localhost:4200
  • Ensure backend is running first.

🌐 Test Deployed Frontend

To view the deployed app live, use this link:

Recipe Buddy Live Demo


🧩 Features Overview

  • Backend: Express.js + SQLite (via better‑sqlite3), REST API with fully functional CRUD.
  • Frontend: Angular 19, NgRx Store & Effects, Reactive Forms, Tailwind CSS, modern UI with @if/@for templating.
  • State Management: recipes loaded, added, updated, deleted globally.

πŸ“ Notes

  • Make sure ports 3000 (backend) and 4200 (frontend) are free.
  • Frontend assumes backend is available at http://localhost:3000 in development mode.

Let me know if you'd like automated scripts or CI/CD workflows added!