The React Calendar App is a dynamic and visually appealing calendar application built using Vite and JavaScript. This app allows users to manage their events effortlessly with features to add, edit, delete, and filter events based on categories like Work, Personal, and Others. The app also includes a calendar view that highlights days with scheduled meetings.
-
Calendar View: Navigate through months and view scheduled events for specific dates.
-
Add Events: Add new events with details such as title, description, and type.
-
Edit & Delete Events: Modify or remove existing events easily.
-
Event Filters: Filter events by category (Work, Personal, or Others) to view only the relevant events.
-
Responsive Design: The app is fully responsive, providing a seamless experience across devices.
-
Frontend: React (using Vite)
-
Styling: Tailwind CSS
-
Icons: Heroicons
-
Date Handling: date-fns
- Clone the repository:
git clone https://github.com/drakeRAGE/Calendar.git
- Navigate to the project directory:
cd Calendar - Install the dependencies:
npm install
- Start the development server:
npm run dev
-
Viewing Events: Navigate through the calendar to view events on specific dates. Days with events will have a small point indicator.
-
Adding Events: Click on the "Add Event" button below the calendar, fill in the event details, and click "Save" to add the event.
-
Editing/Deleting Events: Click on an event in the calendar to edit or delete it.
-
Filtering Events: Use the filter options to show only Work, Personal, or Other types of events.
-
Recurring Events: Option to add recurring events to the calendar.
-
Event Reminders: Set reminders for upcoming events.
-
Integrations: Integration with third-party calendars.
Contributions are welcome! Please fork the repository, create a new branch for your feature or bugfix, and submit a pull request.
For any questions or suggestions, please feel free to reach out to crashbrown2004@gmail.com.
Built with ❤️ by DrakeRAGE