My Frontend of Nest-Mart-Shop

🛍️ NestMart Shop

NestMart Shop is a modern and responsive frontend application built to manage products, customers, and sales for a local retail store. Designed to work seamlessly with the NestJS backend, it supports features like role-based dashboards, product listings, sales management, and customer tracking.

---

🚀 Live Demo

🔗 https://nest-mart-react-frontend.onrender.com/

---

🎯 Key Features

• Role-Based Dashboards:
  Separate access and dashboards for Admin, Manager, and Staff.

• Product Management:

  • Create, update, delete products.
  • Real-time inventory management.
  • Filter, sort, and search products easily.

• Customer Management:

  • Track customers and their purchase histories.
  • Manage customer profiles.

• Sales Management:

  • Record and manage sales.
  • View daily, weekly, and monthly sales reports.

• Responsive Design:
  Mobile-first approach ensuring compatibility across devices.

• API-Integrated:
  Connects directly with a NestJS backend via REST APIs.

• Authentication & Authorization:
  Secure role-based login system.

• Dashboard Analytics:
  Track store KPIs and visualize key metrics.

---

🛠️ Tech Stack

• React.js
• Vite.js
• TypeScript
• Redux Toolkit
• React Router
• Lucide React Icons
• Tailwind CSS / SCSS
• Axios (for HTTP requests)
• Deployed on Render

---

📦 Project Setup

# Install dependencies
npm install

# Development mode
npm run dev

# Production build
npm run build

# Preview production build locally
npm run preview