https://github.com/crutchcorn/vue-3-schedule

Demo calendar app written in Vue 3
https://github.com/crutchcorn/vue-3-schedule

calendar demo hacktoberfest vue vue3

Last synced: 19 days ago
JSON representation

Demo calendar app written in Vue 3

• Host: GitHub
• URL: https://github.com/crutchcorn/vue-3-schedule
• Owner: crutchcorn
• Created: 2020-08-28T00:19:00.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-07-02T05:54:18.000Z (over 2 years ago)
• Last Synced: 2024-12-17T15:52:46.825Z (29 days ago)
• Topics: calendar, demo, hacktoberfest, vue, vue3
• Language: Vue
• Homepage: https://crutchcorn.github.io/vue-3-schedule/
• Size: 984 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue 3 Calendar

A simple calendar website written in an early version of Vue 3's composition API with the following features:

- Basic design with a task list for a selected date

    

    ![July 1st 2022 selected with a tasklist sidebar indicating "No items in the list"](./readme_assets/main.png)

- Proper focus, hover, and click styling 

    ![Three dates with different styling based on focus, hover, or selected](./readme_assets/keyboard_states.png)

- Keyboard navigation

  ![A user navigation through pages using their keyboard](./readme_assets/keyboard_nav.gif)

- Ability to scroll through different months and years

- A quick-jump to the current date

- Data persistence with `localstorage`