Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aamir-067/racipe-project
Full stack MERN application to see other peoples recipes, like and save it and upload your own recipes.
https://github.com/aamir-067/racipe-project
mern recipe-a recipe-finder recipie
Last synced: 5 days ago
JSON representation
Full stack MERN application to see other peoples recipes, like and save it and upload your own recipes.
- Host: GitHub
- URL: https://github.com/aamir-067/racipe-project
- Owner: aamir-067
- License: mit
- Created: 2023-12-23T10:56:33.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-01T05:55:39.000Z (3 months ago)
- Last Synced: 2024-11-29T09:51:33.818Z (2 months ago)
- Topics: mern, recipe-a, recipe-finder, recipie
- Language: JavaScript
- Homepage: https://racipe-project-front.vercel.app/
- Size: 1.39 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Recipe Manager 🥗
The Recipe Manager is a web application built with React that enables users to manage their recipes. Users can add, view, edit, and delete recipes through an intuitive and user-friendly interface.
Table of Contents
Installation
Usage
Contributing
License
Features
## Features 🚀
- **User Authentication:**
Secure sign up, login, and logout functionality for users.
Only authenticated users can perform CRUD operations on recipes.
- **Recipe Management:**
Create new recipes by providing titles, ingredients, instructions, and optional categories/tags.
View a list of all recipes and display their details upon selection.
Edit existing recipes, including titles, ingredients, instructions, and categories/tags.
Delete recipes as needed.
- **Search and Filter:**
Implement search functionality to find recipes by title or categories/tags.
Enable filtering of recipes based on categories/tags.
- **Responsive User Interface:**
Develop a responsive UI for seamless use on both desktop and mobile devices.
Technologies Used
## Technologies Used 💻
### Frontend:
**React.js** JavaScript library for building the user interface.
**React Router** For managing different views/pages within the app.
## Backend:
**Node.js with Express** - For backend server setup.
**MongoDB** - For storing recipe data.
## Installation 🛠️
To set up the Recipe Manager locally, follow these steps:
1. Clone the repository:
```bash
git clone
```
2. Navigate to the project directory:
```bash
cd recipe-project
```
3. install dependencies:
- install backend dependencies.
```bash
cd backend
npm install
```
- install frontend dependencies.
```bash
cd ../frontend
npm install
```
## Usage 📋
## Development: 🛠️
1. Run the server:
```bash
cd backend
npm run start
```
2. Run the frontend:
```bash
cd frontend
npm run dev
```
start the backend server concurrently.
## Production 💻 :
Build the production-ready frontend:
```bash
npm run build
```
## Contributing
`Contributions are welcome! 👋🏻`
## Contibuters
1. Safeer khan
## License 🪪
This project is licensed under the MIT License.
Happy coding 🚀🚀