Recipenation Web App

View Demo · Report Bug · Request Feature

Table of Contents

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
   • Setup .env example
3. Screenshots
4. Contributing
5. Related Project
6. Contact
7. License

About The Project

Recipenation is a website that can help users to create their recipe creations by being able to share them with all.

Built With

This app was built with some technologies below:

• CSS
• Javascript
• React
• Axios
• React Context

(back to top)

Getting Started

Prerequisites

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

• NodeJs

(back to top)

Installation

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

• Clone the repo

git clone https://github.com/ilhamyusuf27/React-FrontEnd-Recipenation.git

• Go To Folder Repo

cd React-FrontEnd-Recipenation

• 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

Create .env file in your root project folder.

REACT_APP_BASE_URL = https://recipenation-app.herokuapp.com/

(back to top)

Screenshoots

Login Page	Register Page
Landing Page	Search Page
Detail Recipe	Add Recipe
Profile

(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 Recipenation

🚀 Frontend Recipenation

🚀 API

🚀 Demo Recipenation

(back to top)

Developer

Ilham Yusuf Alghani Front End Web Developer | Back End Web Developer

(back to top)

License

Distributed under the MIT License.

(back to top)