Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sanjithrk06/recipe-maker
Recipe Builder is a user-friendly web application using React js for cooking enthusiasts to create, manage, and share recipes, featuring an intuitive drag-and-drop interface for organizing ingredients and steps.
https://github.com/sanjithrk06/recipe-maker
context-api reactjs tailwindcss
Last synced: 6 days ago
JSON representation
Recipe Builder is a user-friendly web application using React js for cooking enthusiasts to create, manage, and share recipes, featuring an intuitive drag-and-drop interface for organizing ingredients and steps.
- Host: GitHub
- URL: https://github.com/sanjithrk06/recipe-maker
- Owner: sanjithrk06
- License: mit
- Created: 2024-07-11T05:59:12.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-08-03T17:56:11.000Z (6 months ago)
- Last Synced: 2024-11-20T21:08:59.738Z (2 months ago)
- Topics: context-api, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://recipemaker-symfor.netlify.app/
- Size: 9.52 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Recipe Builder application using React Js
## Overview
Recipe Builder is a user-friendly web application designed for cooking enthusiasts of all levels. Whether you're a seasoned chef or a home cook, this tool simplifies the process of creating, managing, and sharing recipes.
---
## Technologies Used
- React
- TailwindCSS
- Context API
- JSON (Downloadable format)
---
## Demo image
---
## Features
- **Create Recipes:** Easily drag and drop ingredients, steps, and cooking tips.
- **Manage Recipes:** Organize your recipes in a structured format.
- **Drag and Drop:** Intuitively rearrange ingredients and steps using drag-and-drop functionality.
- **Download & Share Recipes:** Download the recipe in JSON format and you can share your favorite recipes with friends and family.
- **User-Friendly Interface:** Intuitive design that makes recipe building enjoyable.
---
## Who It's For
This application is perfect for:
- Home cooks looking to organize their favorite recipes.
- Professional chefs who want to document and share their culinary creations.
- Anyone who loves cooking and wants to streamline their recipe-building process.
---
## Run The Application Locally
### Prerequisites
Before you begin, ensure you have met the following requirements:
- **Node.js** (version 16 or above)
- **npm** (version 6 or above)
- A modern **web browser** (e.g., Chrome, Firefox)
---
### Installation
To get a local copy up and running, follow these steps:
Clone the repository:
```bash
git clone https://github.com/sanjithrk06/RecipeBuilder.git
```
Navigate to the project directory:
```bash
cd RecipeBuilder
```
Install dependencies:
```bash
npm install
```
---
### Run The Application
Start the application
```bash
npm run dev
```
---
*Feel free to reach out through the contact form in [My Portfolio](https://sanjith-portfolio.netlify.app/) or connect with me on social media.