CALENDAR DEMO

A simple interactive calendar designed to help users create, edit, delete and organize tasks.

Tasks can be easily rearranged between days and reordered within the same day through drag and drop functionality.

The app also includes a search filter to quickly find tasks and displays worldwide holidays for each day.

Technologies Used

• React
• TypeScript
• dnd kit
• Styled components

Installation

To get started with this project, follow the steps below:

1. Clone the repository:

   git clone https://github.com/k-marchuk/react-calendar-dnd.git

2. Navigate into the project directory::

   cd react-calendar-dnd

3. Install dependencies::

   npm install

4. Start the development server::

   npm run dev

   This will run the app on http://localhost:5173.