Prototype VueJS

Deploy on Vercel

This is a Vue 3 + Vite calendar prototype.

flowchart TD
    A[CalendarView.vue] -->|uses| B[CalendarGrid.vue]
    B -->|renders| C[DayCell.vue]
    A -->|sidebar| D[EventList.vue]
    A -->|modal| E[EventModal.vue]
    A -->|filter| F[TagFilter.vue]
    A -->|theme| G[ThemeToggle.vue]
    B -->|composable| H[useCalendar.ts]
    A -->|store| I[eventStore.ts]
    subgraph Components
        B
        C
        D
        E
        F
        G
    end
    subgraph Store & Logic
        I
        H
    end

Loading

✨ Features

• Month grid calendar with event dots per day
• Event creation, editing, and deletion (modal)
• Tag filtering for events
• Light/Dark theme toggle
• Persistent storage (localStorage)
• Import/Export events as JSON

⚙️ Installation

Install dependencies

pnpm install

Start the development server at http://localhost:3000/

pnpm run dev

Build the application for production.

pnpm build

Start the server in production mode.

pnpm start

Run the linter to check the code quality.

pnpm lint

⚖️ License

This project is under the MIT License.

Enjoy! 🎉