Calendar Svelte Themes

Calendar

Simple calendar visualizer built with Svelte

Simple Calendar Visualizer

Simple Calendar built with Svelte. It lets you add, edit, and delete events, then shows them on an interactive 8-month calendar. Stores events in a Svelte store and persists them with localStorage.

Wanted an easier way to visualize school terms, internships, etc so made a calendar. It was especially useful for figuring when to negotiate start dates for and seeing overlaps. I liked the design of the Google Flights departure/return date selector so the UI is based off that design.

Run

  1. Install dependencies:
    npm install
    
  2. Start the dev server:
    npm run dev
    
  3. Open http://localhost:4321/ in your browser.

Calendar

  • Fill in the form and click “Add Event.”
  • View updates with colored markers.
  • Manage events in the “Your Events” list.

This project is licensed under the Apache License 2.0 - see the LICENSE file for details.

Top categories

Loading Svelte Themes