https://github.com/raghulkrishna03503/recipe-finder-mern
This project is a full-stack Recipe Finder application where users can search for recipes, filter them by area, and sort by the number of ingredients. Users can also save their favorite recipes to a personal collection. The app is built using React for the frontend and Node.js with Express and MongoDB for the backend.
https://github.com/raghulkrishna03503/recipe-finder-mern
api expressjs mongodb nodejs reactjs
Last synced: 2 months ago
JSON representation
This project is a full-stack Recipe Finder application where users can search for recipes, filter them by area, and sort by the number of ingredients. Users can also save their favorite recipes to a personal collection. The app is built using React for the frontend and Node.js with Express and MongoDB for the backend.
- Host: GitHub
- URL: https://github.com/raghulkrishna03503/recipe-finder-mern
- Owner: raghulkrishna03503
- Created: 2024-05-09T15:26:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-15T09:21:05.000Z (7 months ago)
- Last Synced: 2025-01-20T01:44:51.718Z (4 months ago)
- Topics: api, expressjs, mongodb, nodejs, reactjs
- Language: JavaScript
- Homepage:
- Size: 229 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Recipe Finder Application
This project is a full-stack Recipe Finder application where users can search for recipes, filter them by area, and sort by the number of ingredients. Users can also save their favorite recipes to a personal collection. The app is built using React for the frontend and Node.js with Express and MongoDB for the backend.
## Features
- Search for recipes by name
- Filter recipes by area of origin
- Sort recipes by the number of ingredients
- Save recipes to a personal collection
- View saved recipes in a collection
## Technologies Used
- **Frontend**: React
- **Backend**: Node.js, Express.js
- **Database**: MongoDB
- **HTTP Client**: Axios
## Setup Instructions
### 1. Backend (Server) Setup
1. Clone the repository and navigate to the `server` folder.
```bash
git clone
cd server
```
2. Install the required dependencies.
```bash
npm install
```
3. Ensure that MongoDB is running locally or update the MongoDB connection string in `server/index.js` if using a remote database.
4. Start the server.
```bash
node index.js
```
The server will start running on `http://localhost:3001`.
### 2. Frontend (Client) Setup
1. Open a new terminal window and navigate to the `client` folder.
```bash
cd client
```
2. Install the required dependencies.
```bash
npm install
```
3. Start the client.
```bash
npm start
```
The client will start running on `http://localhost:3000`.
### 3. MongoDB Setup
- Ensure you have MongoDB installed and running on your local machine. The default connection string assumes that MongoDB is running locally on the default port (`mongodb://localhost:27017/recipe`).
- If you are using a remote MongoDB instance, update the connection string in `server/index.js`.
### 4. API Endpoints
- `POST /saveRecipe`: Save a recipe to the collection.
- `GET /savedRecipes`: Retrieve saved recipes from the collection.