Analytics UI created with Nuxt 3 + Tailwind CSS
The Analytics Dashboard is a web application created using Nuxt 3 and Tailwind CSS. It provides users with a visual representation of analytics data. The dashboard includes a demo version, which can be accessed at analytics-ui.behonbaker.com. The theme for the dashboard was created using Shadcn UI, with the Tailwind config being copied from the shadcn-ui framework. The project makes use of various modules, such as @nuxtjs/tailwindcss, nuxt-icon, @vueuse/nuxt, nuxt-headlessui, @morev/vue-transitions/nuxt, and @davestewart/nuxt-scrollbar. Additionally, Chart JS was used for charting purposes.
To install the Analytics Dashboard, follow the steps below:
Clone the repository:
git clone [repository_url]
Install the required dependencies:
cd [project_directory]
npm install
Build and run the application:
npm run build
npm run start
Access the dashboard in your browser at localhost:3000.
The Analytics Dashboard is a web application built with Nuxt 3 and Tailwind CSS that provides users with an interactive and visually appealing way to view analytics data. The dashboard offers features such as data visualization, light and dark mode, and interactive charts. It utilizes various modules and was styled using the Shadcn UI framework. The installation process involves cloning the repository, installing dependencies, and running the application locally.