Analytics Dashboard

Created with Nuxt 3 + Tailwind CSS

Demo

Tailwind config was copied from shadcn-ui

Chart JS has no nuxt module but it was used as well.

Shadcn UI was used for the styles. I am not reinveting the wheel here.

Check the components folder for the components used in this project. Since I am not switching pages, I used the app.vue file to render everything.

Yes, light and dark mode is in place. Thanks to VueUse

Name	Name	Last commit message	Last commit date
Latest commit BayBreezy chore: bump deps Dec 23, 2024 f3c6e0e · Dec 23, 2024 History 78 Commits
.github	.github	Create dependabot.yml	Aug 9, 2023
assets/css	assets/css	Start 🚀	Jul 14, 2023
components	components	chore: bump deps and update sidebar item styles for disclosure	Sep 2, 2024
public	public	Start 🚀	Jul 14, 2023
server	server	Start 🚀	Jul 14, 2023
.gitignore	.gitignore	Start 🚀	Jul 14, 2023
.npmrc	.npmrc	Start 🚀	Jul 14, 2023
.prettierignore	.prettierignore	Start 🚀	Jul 14, 2023
.prettierrc	.prettierrc	Start 🚀	Jul 14, 2023
README.md	README.md	docs: add Netlify status badge to README	Oct 5, 2023
app.vue	app.vue	chore: move classes from sidebar to parent	Jan 7, 2024
nuxt.config.ts	nuxt.config.ts	chore: update deps	Jul 10, 2024
package-lock.json	package-lock.json	chore: bump deps	Dec 23, 2024
package.json	package.json	chore: bump deps	Dec 23, 2024
tailwind.config.ts	tailwind.config.ts	fix(nuxt-scrollbar): remove nuxt-scrollbar & add tailwind-scrollbar	Jul 17, 2023
tsconfig.json	tsconfig.json	Start 🚀	Jul 14, 2023