README.md

MasakIn

Contents

• Description
• Features
• Requirements
• Installation
• Screenshot
• Related Project

Description

MasakIn is a web-based recipe sharing that applicaion that allow user to share their recipe, liked, and comment. Just like social media. In this app, user could take a look into recipe including it's ingredients and video step.

Features

• Add and update recipe
• View user recipe
• Like or bookmark some recipe
• and many more...

Requirements for Development

• Node Js
• npm
• React.Js
• MasakIn Backend

Installation for Development

1. Open your terminal or command prompt
2. Type git clone https://github.com/Doa-Ibu-Team/Frontend_Masakin.git
3. Open the folder and type npm install or yarn install for install dependencies from package.json
4. Create file .env in root directory with the following contents :

REACT_APP_BASE_URL = "your_backend_API_URL"

Example :

• http://host_backend:port_backend is http://localhost:8000

so, you can write in .env file like this :

BASE_URL = "http://localhost:8000"

5. Before run this project, you must configure and run backend. You can find backend for this project here
6. Type npm run server in terminal for running backend.
7. If you want to run this project, just type npm start then enter on your project folder

Screenshot

Here'e some picture about the project

HomeScreen

Profile

Recipe

Recipe video

Related Project

restAPI for this project MasakIn-restAPI