Skip to content

web-vikas/calender-event

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Calendar App

A simple calendar application built with React and integrated with an API to manage events.

Live Demo

Check out the live demo here.

Features

  • View and manage events on a monthly calendar
  • Add new events with a title, start date, end date, description, and color
  • Edit existing events
  • Visualize events with different colors on the calendar
  • Prevent adding more than two events on the same date

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine.

Prerequisites

Make sure you have the following installed on your machine:

Installation

  1. Clone the repository:
git clone https://github.com/web-vikas/calender-event.git
  1. Navigate to the project directory::
cd calender-event
  1. Install dependencies:
npm install 
  1. Create a MongoDB database and obtain the connection URI : Create a .env file in the root of the project. Add the following line to the .env file, replacing YOUR_MONGODB_URI with your actual MongoDB URI:
MONGODB_URI=mongodb+srv://username:password@cluster.mongodb.net/dbname

Running the App

npm run dev 

Screens

Screenshot-2023-12-16-221111.png

Screenshot-2023-12-16-221120.png

Screenshot-2023-12-16-221143.png

Screenshot-2023-12-16-221202.png

Screenshot-2023-12-16-221211.png

Screenshot-2023-12-16-221248.png