Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/manuelgeek/vue3-calendar-application
A sample Vue 3 app to create a calendar with reminders
https://github.com/manuelgeek/vue3-calendar-application
Last synced: about 6 hours ago
JSON representation
A sample Vue 3 app to create a calendar with reminders
- Host: GitHub
- URL: https://github.com/manuelgeek/vue3-calendar-application
- Owner: manuelgeek
- Created: 2022-07-27T17:24:30.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-29T09:41:14.000Z (over 2 years ago)
- Last Synced: 2024-04-24T02:42:39.115Z (7 months ago)
- Language: Vue
- Homepage: https://vue-calendar-task.herokuapp.com/
- Size: 112 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue 3 + Vite Calendar App
> A Vue 3 calendar app with ability to create reminders
>
> Link: [https://vue-calendar-task.herokuapp.com/](https://vue-calendar-task.herokuapp.com/)
>
> 
## Set up
```bash
# install dependencies
yarn install
# dev command
yarn dev
#or
vite
# testing
yarn test
#or
vitest
```
## Tools used
- Vite
- Vitest for test
- Pinia for store
- Tailwindcss
- Eslint
- Prettier
- Husky for pre-commit hooks
## Features done
- Display calendar, ability to got to next or previous calendar, tailwind css styled
- Add reminder to calendar with date, time, name, color, city
- -Store calendar days in store (pinia)
- Display reminders in calendar in time order, with color background
- Edit reminder, click on reminder to edit
- Mobile calendar view
### Bonus
- Expand the calendar to support more than the current month.
- Functionality to delete one or ALL the reminders for a specific day
- Properly handle overflow when multiple reminders appear on the same date.
### Dev
Hosted on heroku through Github Actions, trigger is done on `main` branch for demo purposes, an Ideal development environment will have different dedicated branches
Github actions used for Running Tests and Lints
I've also use pre commit hooks to prevent un formatted code from being pushed upstream
## What I could have done better
Given time;
- Improve the UI
- persist pinia store in case of reloads and navigation, next/previous
- Implemented Open Weather API or looked for alternative, the given option requires payment and do not accent dates and city as params for request
- Improved on test coverage