This is a dynamic Calendar App built using React. The app allows users to view a calendar, add events, edit them, and delete them. It features an intuitive interface and effective event management functionality.
- Month Navigation: Easily switch between months using navigation buttons.
- Event Creation: Add events for specific days, including time and description.
- Event Editing: Modify the details of existing events.
- Event Deletion: Remove events with a simple action.
- Real-Time Validation: Event descriptions are limited to 60 characters, and events can only be created for the current or future dates.
- Interactive UI: Highlights the current day and displays events in chronological order.
- Frontend Framework: React
- State Management: React Hooks (useState)
- CSS: For styling and layout
Before running the app locally, ensure you have the following installed:
- Node.js (v14 or later)
- npm (v6 or later) or yarn
-
Clone the Repository:
git clone https://github.com/your-username/calendar-app.git cd calendar-app -
Install Dependencies: Run the following command to install the required npm packages:
npm install
Or, if you use yarn:
yarn install
-
Start the Development Server: Use the command below to start the app in development mode:
npm start
Or with yarn:
yarn start
-
Open the App: Once the development server starts, open your browser and navigate to:
http://localhost:3000 -
Enjoy the Calendar App!
- Add support for recurring events.
- Enable event search and filtering by date.
- Improve accessibility and mobile responsiveness.
If you'd like to contribute to this project, feel free to fork the repository and submit a pull request with your changes!
This project is open-source and available under the MIT License.