date-timer-watch

This is simple date time visualization application created using NuxtJS and TailwindCSS. https://swapnil2222.github.io/date-timer-watch/

Features

1. Show current time, date and day of the week.
2. Show quote of the day.
3. Change color of the application.
4. Change theme of the application.

Tech stack

1. Created using NuxtJS. https://nuxtjs.org/
2. For Design system, used TailwindCSS. https://tailwindcss.com/
3. Deployed to gh-pages using github-actions.
4. Eslint and prettier configuration for code styling.

Build Setup

# install dependencies

$ npm install



# serve with hot reload at localhost:3000

$ npm run dev



# build for production and launch server

$ npm run build

$ npm run start



# generate static project

$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

References

1. Get random quotes. https://github.com/lukePeavey/quotable
2. Deploy the nuxt application to github using github actions. https://nuxtjs.org/docs/2.x/deployment/github-pages
3. Eslint and prettier configuration https://medium.com/@gogl.alex/how-to-properly-set-up-eslint-with-prettier-for-vue-or-nuxt-in-vscode-e42532099a9c