/fe-masakin-app

Masakin App (Frontend) - "A place to find inspiration for cooking recipes anywhere and anytime"

Primary LanguageJavaScriptMIT LicenseMIT

Logo

Masakin App (Frontend)

A place to find inspiration for cooking recipes anywhere and anytime

View Demo | Report Bug | Request Feature

About The Project

Masakin App is a simple website that provides a variety of user-entered recipes, the recipes provided display ingredients and cooking stages with videos. Users can leave comments for the displayed recipes. In addition, users can also give likes and save the recipes they want.

Built With

This app was built with some technologies below:

JavaScript React Chakra UI Vercel

Getting Started

Prerequisites

Before going to the installation stage there are some software that must be installed first.

Node JS

Optional

You can install yarn package manager for your project

Yarn

Installation

If you want to run this project locally, I recommend you to configure the backend first before configuring this frontend repo.

  • Clone this repo
git clone https://github.com/irfnd/fe-masakin-app
  • Go to folder repo
cd fe-masakin-app
  • Install packages
npm install
  • or install packages with yarn
yarn
  • Setup Environment
  • Type npm run start or yarn start to start project
  • Type npm run build or yarn build to build production

Setup Environment

  • Read .env.example to get all detail environment for this project.
  • Create your .env file based on .env.example
  • Put .env to root project folder
  • Example:
REACT_APP_MODE_ENV=[production/development]
REACT_APP_REST_API=[your-deployed-backend]
REACT_APP_REST_API_LOCAL=[your-local-backend]

Screenshots

Register Page Login Page
Register Page Login Page
Home (without login) Home (with login)
Home (without login) Home (with login)
Profile + My Recipes Liked Recipes
Profile + My Recipes Liked Recipes
Saved Recipes Add Recipes
Saved Recipes Add Recipes
Search Recipes Detail Recipes
Search Recipes Detail Recipes

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch git checkout -b feature/AmazingFeature
  3. Commit your Changes git commit -m 'Add some AmazingFeature'
  4. Push to the Branch git push origin feature/AmazingFeature
  5. Open a Pull Request

License

Distributed under the MIT License.