Mini Shop Frontend is a modern e-commerce web application built with Vue 3 and TypeScript. It provides a complete user interface for an online shop with features including product browsing, shopping cart management, order processing, user authentication, and an administrative dashboard. The application is designed with performance, accessibility, and user experience in mind, utilizing modern frontend technologies and best practices.
- Product Catalog Browsing: Browse products with detailed information, categories, and filtering options
- Product Categories: Filter and explore products organized by categories
- User Authentication: Secure login and registration with JWT token management
- Shopping Cart Management: Add/remove items from cart and manage quantities dynamically
- Order Management: Create orders, view order history, and track order status
- User Profile Management: Update personal information and change password securely
- Admin Dashboard: Manage products, categories, and view order analytics
- Language: TypeScript
- Framework: Vue 3
- Build Tool: Vite
- Package Manager: npm
- State Management: Pinia
- Server State: TanStack Vue Query (Vue Query)
- HTTP Client: Axios
- CSS Framework: Tailwind CSS
- Component Library: Shadcn Vue
- Icons: Lucide Vue Next
- Notifications: Vue Sonner
- Animations: tw-animate-css
- Form Library: Vee Validate
- Schema Validation: Zod
- Integration: @vee-validate/zod