Skip to content

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

Notifications You must be signed in to change notification settings

irfnd/next-masakin-app

Repository files navigation

Logo

Masakin App (Next.js)

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 Next JS Bootstrap 5 Railway

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/next-masakin-app
  • Go to folder repo
cd next-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:
NEXT_PUBLIC_REST_API=[your-rest-api]
COOKIE_EXPIRE=[30m|24h|2d]

Screenshots

Register Page Login Page
Register Page Login Page
Home Search Recipes
Home Search Recipes
Popular Recipes Add Recipes
Popular Recipes Add Recipes
Profile (without login) Profile (with login)
Profile (without login) Profile (with login)
Edit Profile My Recipes
Edit Profile My Recipes
Liked Recipes Saved Recipes
Liked Recipes Saved Recipes
Detail Recipes Step Recipes
Detail Recipes Step Recipes
Comment Recipes Comment Recipes (without login)
Comment Recipes Comment Recipes (without login)

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.

About

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

Topics

Resources

Stars

Watchers

Forks