MERN Calendar

Calendar web application for adding, editing, deleting or listing other people's events. Developed using the MERN stack.

API, CRUD, Auth system, JWT, Redux, Calendar.

Try demo

Table of contents 📃

• MERN Calendar
  • Try demo
    • Table of contents 📃
  • Starting 🚀
    • Pre-requirements 📋
    • Installation 🔧
  • Deployment 📦
  • Built with 🛠️

Starting 🚀

Pre-requirements 📋

• Git
• npm
• Mongo database

Installation 🔧

Local installation:

# Clone this repository
$ git clone https://github.com/Ju4npx/mern-calendar.git

# Change directory to the project path
$ cd mern-calendar

---

Server setup:

# Change directory to the server path
$ cd server

# Install dependencies
$ npm install

# Copy .env file
$ cp .env.example .env

server .env file setup:

PORT=5000
MONGODB_CNN=mongodb+srv://user:password@clusterrestaurant.rgq1n.mongodb.net/schema
JWT_SECRET_KEY=RANDOMKEY

---

Client setup:

# Go back to the project path
$ cd ..

# Change directory to the client path
$ cd client

# Install dependencies
$ npm install

# Copy .env file
$ cp .env.example .env

client .env file setup:

REACT_APP_API_URL="http://localhost:5000/api"

Deployment 📦

# Open terminal in project path and run
$ cd server
$ npm start


# Open another terminal in project path and run
$ cd client
$ npm start

Open http://localhost:3000 to view it in your browser.

Built with 🛠️

• React - Frontend framework
• React Redux - State management
• Node.js - Javascript runtime environment
• Express.js - Backend framework
• MongoDB - NoSQL database

---

⌨️ with ❤️ by Juan Pablo Machado 😊