This is a production-ready, responsive UI for a calendar application similar to Google Calendar. The application uses a custom data structure with mock data, and it handles all-day events, private events, and drag and drop events within a day.
git clone https://github.com/bethimanideep/google-calendar-clone
cd google-calendar-clone
npm i
npm start- Node.js (version 12 or higher)
- npm (version 6 or higher)
-
Events that the user has selected going should be coloured.
-
The calendar should handle all-day events and should be able to distinguish between private and public events (private event titles should be hidden). Give some static title (eg - busy).
-
Different colour coding for different types of events (eg: normal event, stretching event, all day event).
-
Drag and drop events within a day across different time slots in the calendar.
-
Red line indicating the current time.
-
Clicking on an event opens a modal showing the event details.
For any queries and feedback, please contact me at bethimanideep@gmail.com.