Code Monkey home page Code Monkey logo

altrawan / mama-recipe-app Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 1.0 18.54 MB

Mama Recipe is here to help you cook delicious and simple meals. We offer recipes and cooking advice for home cooks, by home cooks. Mama Recipe 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.

Home Page: https://mama-recipe.vercel.app/

License: MIT License

Shell 0.04% HTML 1.36% CSS 2.02% JavaScript 96.57%
javascript react redux food-recipe responsive styled-components

mama-recipe-app's Introduction


Logo

Mama Recipe

Discover Recipe & Delicious Food.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

Table of Contents
  1. About The Project
  2. Getting Started
  3. Screenshots
  4. Contributing
  5. Related Project
  6. Contact
  7. License

About The Project

Mama Recipe is here to help you cook delicious and simple meals. We offer recipes and cooking advice for home cooks, by home cooks. Mama Recipe 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.

Built With

This app was built with some technologies below:

(back to top)

Getting Started

Prerequisites

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

(back to top)

Installation

If you want to run this project locally, We recommend you to configure the back-end first before configuring this repo front-end.

  • Clone the repo
git clone https://github.com/altrawan/mama-recipe-app.git
  • Go To Folder Repo
cd mama-recipe-app
  • Install Module
npm install
  • Setup .env
  • Type npm run dev To Start Website
  • Type npm run start To Start Production

(back to top)

Setup .env example

Create .env file in your root project folder.

REACT_APP_APP_NAME = [APP_NAME]
REACT_APP_NODE_ENV = [NODE_ENV]
REACT_APP_API_URL = [API_URL]

(back to top)

Screenshoots

Landing Page Landing Page After Login
Landing Page Landing Page After Login
Login Page Register Page
Login Page Register Page
Forgot Password Page Code Verification Page
Forgot Password Page Code Verification Page
Reset Password Page List Recipe Page
Reset Password Page List Recipe Page
Detail Recipe Page Detail Video Page
Detail Recipe Page Detail Video Page
Add Recipe Page Edit Recipe Page
Add Recipe Page Edit Recipe Page
View Another Profile Page My Profile Page
View Another Profile Page My Profile Page
Edit Profile Page Change Password Page
Edit Profile Page Change Password Page

(back to top)

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

(back to top)

Related Project

🚀 Backend Mama Recipe

🚀 Frontend Mama Recipe

🚀 Web Service

🚀 Demo Mama Recipe

(back to top)

Contact

My Email : [email protected]

Project Link: https://github.com/altrawan/mama-recipe-app

(back to top)

License

Distributed under the MIT License.

(back to top)

mama-recipe-app's People

Contributors

altrawan avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

eveslowly

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.