Recigo 🍳

Live demo: Recigo

Screenshot of webpage showing recipe search page.

Screenshot of webpage showing recipe details.

Recigo is your ultimate culinary companion for finding delicious recipes tailored to your preferences. With a wide range of filters, including meal type, health restrictions, diet options, and dish types, Recigo makes it effortless to discover the perfect recipe for any occasion."

Features

Responsive website
User Login/Signup
Various filters for searching recipes

Built with

Database: ElephantSQL
Backend: Node.js, Express.js, pg(node-postgres)
frontend: Vite, React, Tailwind
API : EDAMAM Recipe API.

Contributors

Developers: MS07062000, Tomomi-K1, mhatrekanchan01, limyod
UX/UI designer: Yeji

Setup

Starting backend

Navigate to server folder
```
$cd server
```
Create .env file and include following information. You can create your own JWT_SECRET_KEY. Please create your own EDAMAM_APP_IDand EDAMAM_APP_KEY at edamam.com/
```
EDAMAM_APP_ID=XXXX
EDAMAM_APP_KEY=XXXXX
JWT_SECRET_KEY=XXXXX
DATABASE=postgres://XXXXXX
```
Start backend server.
```
$nodemon app.js
```
server will start up on [localhost:3000](http://localhost:3000)

Starting frontend

Navigate to frontend folder
```
$cd client
```
Create .env file and include following information. VITE_JWT_SECRET_KEY should be the same as JWT_SECRET_KEY on the server side .env.
```
VITE_ENVIRONMENT=development
VITE_JWT_SECRET_KEY=XXXXXXX
```
Run vite with below command and open http://localhost:5173/ to view it in your browser.
```
$npm run dev
```