Skip to content

kgrg/vue3-tailwind-todo

Repository files navigation

🚀 Vue3 Tailwind CRUD example

📚 Overview

This is a simple CRUD (Create, Read, Update, Delete) application built with Vue.js, Tailwind CSS, the Composition API, and Pinia for state management. It allows you to manage your tasks seamlessly with an intuitive user interface.

Example Image

✨ Features

  • 📝 Create, read, update, and delete tasks.
  • 🔄 State management using Pinia.
  • 📱 Responsive design with Tailwind CSS.
  • 🧩 Utilizes Vue.js Composition API for better code organization.

🛠️ Installation

  1. 📂 Clone the repository: git clone https://github.com/kirangurung2023/vue3-talwind-todo.git
  2. 🚀 Navigate into the directory: cd vue3-tailwind-todo
  3. 📦 Install the dependencies: npm install
  4. 🎉 Start the server: npm run dev

🧪 Testing (Unit Test)

  1. unit test : npm run test:unit
  2. unit test with coverage : npm run test:unit --coverage or npm run test:unit:coverage

🧪 Testing (e2e )

coming soon.....

🕹️ Usage

After starting the server, navigate to http://localhost:5173 in your browser. You can now add, view, update, and delete tasks.