https://github.com/peyush-nuwal/event-mangement-calender

event mangement calender application
https://github.com/peyush-nuwal/event-mangement-calender

date-fns nextjs react reacticons shadecn-ui

Last synced: 15 days ago
JSON representation

event mangement calender application

• Host: GitHub
• URL: https://github.com/peyush-nuwal/event-mangement-calender
• Owner: peyush-nuwal
• Created: 2024-12-15T19:28:05.000Z (19 days ago)
• Default Branch: master
• Last Pushed: 2024-12-15T19:48:22.000Z (19 days ago)
• Last Synced: 2024-12-15T20:28:32.196Z (19 days ago)
• Topics: date-fns, nextjs, react, reacticons, shadecn-ui
• Language: JavaScript
• Homepage: https://event-mangement-calender-fff.vercel.app/
• Size: 244 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Event Management Application

This is a simple Event Management application built using Next.js, Tailwind CSS, Shadcn UI, date-fns, and react-icons. It allows users to add, edit, delete, and view events for specific dates. The calendar interface allows users to select a date and see the events scheduled for that day. The app also provides a search feature to filter events by title or description.

## Features

- View a calendar with events.

- Add, edit, and delete events for selected dates.

- Search events by title or description.

- Responsive design with Tailwind CSS and Shadcn UI.

## Screenshots

1. **Calendar View**  

   Displays the calendar with the current month and allows users to select a specific date.

   ![Calendar Screenshot](public/screenshots/ss1.png)

2. **Event List**  

   Shows the list of events for the selected date, with options to edit or delete events.

   ![Event List Screenshot](public/screenshots/ss2.png)

3. **Add New Event**  

   Added "Search events by title or description" .

   ![Add Event Screenshot](public/screenshots/ss3.png)

4. **Event Search**  

   Allows searching events by title or description.

   ![Event Search Screenshot](public/screenshots/ss4.png)

## Live Demo

You can view a live version of the Event Management Application by clicking the link below:

[Live Demo](https://event-mangement-calender-fff.vercel.app/)

## Installation

### 1. Clone the repository

First, clone the repository to your local machine.

```bash

https://github.com/peyush-nuwal/event-mangement-calender.git

```

### 2. Install dependencies

Navigate to the project directory and install the required dependencies.

```bash

cd event-manager

npm install

```

### 3. Set up your local environment

Make sure you have Node.js installed on your local machine. You can check if Node.js is installed by running:

```bash

node -v

```

###4. Run the application locally

To start the development server, run the following command:

```bash

npm run dev

```

### 5. Build and deploy

To build the application for production, run the following command:

```bash

npm run build

```