Food Recipe Website

Website based application for Food Recipe built with ReactJS, ExpressJS, and PostgreSQL.

Food Recipe is a responsive website-based application that contains various recipes uploaded by users. In the recipe there is a description of the ingredients needed and cooking steps in the form of a video.

• Search for Recipes
• Pages for Add New Recipes
• Detail Recipes and Video Detail Recipes
• Pages for Authentication and Authorization

Tech

Food Recipe Website uses a number of open source projects to work properly:

• ReactJS - frontend library
• ExpressJS - backend framework
• PostgreSQL - database

And of course Food Recipe website itself is open source with a public repository on GitHub.

Deploy Link
Backend repository

Installation

Food Recipe Website able to run on your local, download this repo and open it using visual studio code, and run the terminal like below.

cd food-recipe-fe-react
npm i
npm start

Screenshot

1. Landing Page
   
2. Add Recipe Page
   
3. Detail Recipe Page
   
4. Profile Page
   
5. Login Page
   
6. Register Page