Vue 3 Project with Nuxt.js, PrimeVue, and Tailwind CSS

This project is a Vue 3 application built using Nuxt.js, integrated with PrimeVue for UI components and Tailwind CSS for styling.

Project Overview

The project implements a frontend application with the following features:

• Product Table: Displays a list of products with sorting, filtering by category, and pagination.

• Navbar Component: Navigation links for different parts of the application.

• Topbar Component: Includes login/logout functionality and displays the current user's name.

• Login/Logout Functionality: Simple authentication using a login form.

• Responsive Design: Ensures the application adapts to various screen sizes.

Requirements

Project Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

last step for Enter The App :

Username : Admin
Password : 1234