A Vue 3 calendar app with ability to create reminders
# install dependencies
yarn install
# dev command
yarn dev
#or
vite
# testing
yarn test
#or
vitest
- Vite
- Vitest for test
- Pinia for store
- Tailwindcss
- Eslint
- Prettier
- Husky for pre-commit hooks
- 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
- 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.
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
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