Event Scheduler App

Deployed in vercel - https://next-js-ts-event-scheduler.vercel.app/

Description

Event Scheduler is a simple web application that allows users to schedule and manage events. Users can create new events, view upcoming events in a calendar format, and edit or delete existing events.

This project was built using NextJS, TypeScript, for styling TailwindCSS, and it utilizes various libraries, such as react-datepicker.

Features

Create new events with a title, address, start time, and end time.
View upcoming events in a calendar display.
Edit existing events to update their details.
Delete events that are no longer needed.
Responsive design for a seamless user experience on different devices.

Installation and Usage

Clone the repository to your local machine.

git clone https://github.com/nishad7447/NextJS_TS_event-Scheduler.git

Navigate to the project directory.

cd NextJS_TS_event-scheduler

Install the dependencies.

npm install

After installing dependencies Install react-big-calendar and react-datepicker as dev-dependencies

npm i --save-dev @types/react-big-calendar
npm i --save-dev @types/react-datepicker

Run the development server.

npm start

Open your browser and visit http://localhost:3000 to access the app.

How to Use

To create a new event, click on the "Add Event" button and fill in the event details in the form.
To edit an existing event, click on the "Edit" button next to the event details, make your changes, and click "Save".
To delete an event, click on the "Delete" button next to the event details.
To view upcoming events in different formats (Month, Week, Agenda), use the corresponding buttons in the "Upcoming Events" section.

Contact