Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sudhan670/calendar
The task management website for scheduling your daily task and also to edit and delete operation
https://github.com/sudhan670/calendar
Last synced: about 1 month ago
JSON representation
The task management website for scheduling your daily task and also to edit and delete operation
- Host: GitHub
- URL: https://github.com/sudhan670/calendar
- Owner: sudhan670
- Created: 2024-11-13T05:21:08.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-13T05:57:27.000Z (3 months ago)
- Last Synced: 2024-11-13T06:22:53.489Z (3 months ago)
- Language: TypeScript
- Homepage: https://timeres.netlify.app
- Size: 46.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Calendar Event Application
A responsive and interactive calendar event application built with **React** and **TypeScript**. This application allows users to create, view, and manage events on a calendar interface.
## Features
- **Event Creation and Management**: Users can add, edit, and delete events.
- **Monthly and Weekly Views**: View events by week or month for a comprehensive overview.
- **Event Details**: View detailed information about each event.
- **Responsive Design**: Optimized for desktop and mobile devices.
- **Type Safety**: Developed with TypeScript for improved type safety and error checking.
## Technologies Used
- **React**: A JavaScript library for building user interfaces.
- **TypeScript**: Adds static typing to JavaScript, improving code reliability.
- **React Calendar Libraries**: Utilizes libraries like `react-calendar` or `fullcalendar-react` for calendar functionality.
- **CSS Modules / Styled Components**: For modular and scoped CSS.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/calendar-event-app.git
```
2. Navigate to the project folder:
```bash
cd calendar-event-app
```
3. Install dependencies:
```bash
npm install
```
4. Start the application:
```bash
npm start
```
The application will run on `http://localhost:3000`.
## Usage
1. **Adding Events**: Click on a date or time slot to create a new event.
2. **Viewing Events**: Events are displayed on the calendar by their scheduled date and time.
3. **Editing and Deleting Events**: Select an existing event to edit or delete.
## Folder Structure
```
calendar-event-app/
├── public/
│ ├── index.html
├── src/
│ ├── components/ # Reusable components
│ ├── hooks/ # Custom hooks
│ ├── utils/ # Utility functions
│ ├── types/ # TypeScript types and interfaces
│ ├── App.tsx # Main application component
│ ├── index.tsx # Application entry point
├── README.md
└── package.json
```
## Contributing
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature-name
```
3. Commit your changes:
```bash
git commit -m "Add your message here"
```
4. Push to the branch:
```bash
git push origin feature-name
```
5. Open a pull request.
## License
This project is licensed under the MIT License.
---