This is a simple weekly planner created using TypeScript and React. It is a solo project designed for personal use among friends, with no database or authentication features. The project aims to provide a straightforward interface for planning weekly schedules.
- Weekly View: Displays the week containing the current date upon accessing the site.
- Create Events: Click on a day to create an event for that date.
- Drag and Drop: Move events to different dates by dragging and dropping them.
- Delete Events: Delete events by dragging them out of the planner.
- Capture Planner: Capture and use the completed weekly planner by taking a screenshot.
- Highlighting: Events are highlighted with various highlighter effects.
- Clone the repository.
- Install dependencies using npm install.
- Start the development server using npm start.
- Access the planner in your browser at http://localhost:3000.
- TypeScript
- React
- HTML
- CSS
![README](https://private-user-images.githubusercontent.com/99382754/334421663-df3b67d7-e655-45ce-bb44-f823844cd8e1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyOTIyNjAsIm5iZiI6MTczOTI5MTk2MCwicGF0aCI6Ii85OTM4Mjc1NC8zMzQ0MjE2NjMtZGYzYjY3ZDctZTY1NS00NWNlLWJiNDQtZjgyMzg0NGNkOGUxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjExVDE2MzkyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU4OGY5ZWRlZDA0NDlmNmEyZGVhOWNjM2UyODNmNjlhOGM5MmRlM2JkZDNjNzgxNWNjZmM5NjI3NDFkNTM2Y2UmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.4uJki01Otr7K9cGKrCS-In7vkrK7lPNsoaJPws0bScM)
This project was inspired by the need for a simple, customizable weekly planner. Created for personal use among friends, this planner was developed with a sense of simplicity and practicality in mind. Special thanks to the React and TypeScript communities for their helpful resources and documentation.