matfaisall/recipe-frontend-redux

Mama Recipe is a web application that enables users to publish their cooking recipes and view recipes from other users

Mama Recipe

Demo Web - Report Bug - Request Feature

Table of Contents

Table of Contents

1. About Us
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
   • Try This Application
3. Screenshots
4. Contributing
5. Related Project
6. Contact
7. License

About The Project

Mama Recipe is a web application that enables users to publish their cooking recipes and view recipes from other users. Users can explore and try out diverse recipes published by others. Enjoy the platform and experiment with the variety of recipes. .

Built With

This app was built with some technologies below:

• CSS
• Bootstrap
• Vite
• Javascript
• Node JS
• Redux
• Redux logger
• Redux Persist
• React JS
• React Router Dom
• Axios
• Boxicon

Getting Started

Prerequisites

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

• NodeJs v18.00^

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/matfaisall/recipe-frontend-redux.git

• Go to repo

cd recipe-frontend-redux

• Install module

npm install

• Setup .env

VITE_BASE_URL=[URL_API]

• Type npm run dev To Start the local web

Try Our Web Application

Launch to our App

If you want to try our web application, you can use the following account :

Login

email     : faisal@gmail.com
password  : 123456

Screenshoots

Login Mama Recipe	Register Mama Recipe

Landing Page	My Recipe Collection

Add Recipe	Edit Recipe

Recipe Detail

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/NewFeature)
3. Add your Changes (git add .)
4. Commit your Changes (git commit -m 'Add some NewFeature')
5. Push to the Branch (git push origin feature/NewFeature)
6. Open a Pull Request on Github

Related Project

📚 Backend Mama Recipe

📚 Frontend Mama Recipe

🌐 Web Service

💻 Demo Mama Recipe

Contact

Contributors names and contact info

• AUTHOR

Muhammad Faisal Lead Frontend | Frontend Web Developer

[LinkedIn Account]

License

Distributed under the MIT License.

(Back to Top)