Skip to content

This is a simple weekly planner created using TypeScript and React.

Notifications You must be signed in to change notification settings

swuhalee/simple-weekly-planner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple Weekly Planner

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.

Key Features

  • 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.

How to Use

  1. Clone the repository.
  2. Install dependencies using npm install.
  3. Start the development server using npm start.
  4. Access the planner in your browser at http://localhost:3000.

Technologies Used

  • TypeScript
  • React
  • HTML
  • CSS

Screenshot

README

Acknowledgments

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.

About

This is a simple weekly planner created using TypeScript and React.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published