https://github.com/serhii-kostiv/nuxt-mini-trello
Simple nuxt-mini-trello app on nuxt.js
https://github.com/serhii-kostiv/nuxt-mini-trello
formkit-auto-animate iconify nanoid nuxt pinia pinia-plugin-persistedstate shadcn tailwindcss vue vuedraggable vueuse
Last synced: 10 days ago
JSON representation
Simple nuxt-mini-trello app on nuxt.js
- Host: GitHub
- URL: https://github.com/serhii-kostiv/nuxt-mini-trello
- Owner: serhii-kostiv
- License: mit
- Created: 2024-09-11T13:05:56.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-24T15:25:08.000Z (12 months ago)
- Last Synced: 2025-02-18T22:24:55.956Z (8 months ago)
- Topics: formkit-auto-animate, iconify, nanoid, nuxt, pinia, pinia-plugin-persistedstate, shadcn, tailwindcss, vue, vuedraggable, vueuse
- Language: Vue
- Homepage: https://nuxt-mini-trello.vercel.app
- Size: 241 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [Nuxt-Mini-Trello](https://nuxt-mini-trello.vercel.app/)
This is a Nuxt.js 3.13.0 project designed with modern web development practices. It leverages several powerful libraries such as Pinia for state management, VueUse for utilities, and TailwindCSS for styling, along with drag-and-drop functionality and persisted state management.
## Features
- **Nuxt.js 3.13.0**: A powerful framework for Vue.js with server-side rendering, static site generation, and more.
- **Pinia**: State management with persisted state using `pinia-plugin-persistedstate`.
- **VueUse**: A collection of essential Vue Composition Utilities integrated with `@vueuse/nuxt`.
- **TailwindCSS**: Utility-first CSS framework with additional animations via `tailwindcss-animate`.
- **Shadcn-Nuxt**: UI components based on Radix UI.
- **Drag-and-Drop**: Drag-and-drop functionality using `vuedraggable`.
- **Icons**: Powered by Iconify and Radix icons.
- **Dark Mode Support**: Managed via `@nuxtjs/color-mode`.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/kraiviks/nuxt-mini-trello.git
cd nuxt-mini-trello
```
2. Install the dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
## Scripts
- **npm run dev:** Start the development server.
- **npm run build:** Build the project for production.
- **npm run generate:** Generate a static version of the site.
- **npm run preview:** Preview the generated static site.
- **npm run postinstall:** Runs Nuxt prepare after install.
## Dependencies
- **@pinia/nuxt:** Pinia state management for Nuxt.
- **@vueuse/core & @vueuse/nuxt:** Vue utilities for state and reactivity management.
- **class-variance-authority:** Class utility for managing variance in TailwindCSS.
- **clsx:** Utility for conditionally joining class names.
- **nanoid:** A tiny, secure URL-friendly unique ID generator.
- **nuxt:** The core framework for this project.
- **pinia-plugin-persistedstate:** Plugin for persisting Pinia store data.
- **shadcn-nuxt:** Shadcn UI integration for Vue.js with Radix UI.
- **tailwind-merge:** Utility for merging TailwindCSS classes.
- **tailwindcss-animate:** Animation utilities for TailwindCSS.
- **vuedraggable:** Drag-and-drop support for Vue.js.
- **@formkit/auto-animate:** Auto animate utility for FormKit.
## Dev Dependencies
- **@iconify-json/radix-icons:** Iconify Radix icons.
- **@iconify/vue:** Iconify Vue components.
- **@nuxtjs/color-mode:** Dark mode integration for Nuxt.
- **@nuxtjs/tailwindcss:** TailwindCSS integration for Nuxt.
- **typescript:** TypeScript support.
## License
This project is licensed under the [MIT License](LICENSE).