This application allows users to create, view, and manage calendar events. Users can specify details such as title, description, additional information, and date/time for the events. The calendar provides a visual representation of the scheduled events, helping users to keep track of their tasks and meetings.
- Create new events with detailed information
- View events in a monthly calendar format
- Edit and delete events
- Responsive design for various screen sizes
Users can add new events by filling out the form with the following fields:
- Title and description: Brief information about the event
- Additional information: Any extra details that might be relevant
- Since date/time: Start date and time of the event
- Until date/time: End date and time of the event
The calendar view provides a monthly layout of all scheduled events, allowing users to see their commitments at a glance. Events are color-coded and display the event title and description on the respective dates.
-
Adding Events:
- Click on the "New Event" button to open the event form.
- Fill in the event details and click "Save" to add the event to the calendar.
-
Viewing Events:
- Events are displayed on the calendar based on their start date and time.
- Hover over or click on an event to see more details.
-
Editing and Deleting Events:
- Click on an event to open its details.
- Use the edit button to modify the event details.
- Use the delete button to remove the event from the calendar.
To set up the application locally:
- Clone the repository:
git clone https://github.com/your-username/calendar-app-frontent.git
- Navigate to the project directory:
cd calendar-app - Install dependencies:
npm install
- Start the application:
npm start
Contributions are welcome! Please fork the repository and submit a pull request for any enhancements or bug fixes.
This project is licensed under the MIT License.