My Recipes Application with MERN stack

Description

This is a sample Recipes application which uses MongoDB, Express, React JS with Material UI and NodeJS. With this application users can do the following features

1. User Registration,
2. User Login,
3. All Recipes(Home page),
4. Create Recipe,
5. Favorite Recipe,
6. Search Recipes
7. Logout

Setup

Clone the repository and install the dependencies with 'yarn install' | 'npm install'

ENV Configuration

Create .env file in project root directory and set the following variables

1. MONGODB_USERNAME
2. MONGODB_PASSWORD
3. PRIVATE_SECRET_KEY
4. REACT_APP_SERVER_BASE_URL
5. SERVER_PORT = 3040
6. ELASTIC_SEARCH_APP_API_KEY =
7. ELASTIC_HOST_NAME=
8. ELASTIC_ENGINE_NAME=

Run

Run the server with node server/index.js or run the script: server:start in package.json The server is reachable at port 3040 in localhost. If you used start:dev, you should use localhost:8080 for hot rerload.

Run the client with package script in client folder: start:dev in package.json

Build

Build client with the package script "build" in package.json file

Application Public Url

1. With NextJS Vercel Url - [(https://nextjs-mern-recipes-app.vercel.app/)]
2. [(https://mern-recipes-grdkql28n-gayathri-polubothu.vercel.app/)]

Other

To login you can user the following credentials:

username: gayathri, password: gayathri123