🚗 Velocity Car Shop

A modern, responsive e-commerce car shop built with React, TypeScript, and Redux Toolkit. This frontend serves as the user interface for Velocity Car Shop, enabling users to browse, filter, and purchase cars, while admins can manage products and orders through a role-based dashboard.

🔗 Live Preview

🌐 Client Live Site

👷 Backend GitHub Repository

---

🧬 Features

✅ Public Pages

• Home: Carousel, featured products, testimonials, and more.
• All Products: Filter, search, and sort cars by multiple attributes.
• Product Details: View detailed info with a “Buy Now” option.
• About Us: Mission and background of the shop.
• Responsive UI: Fully optimized for all devices.

🔐 Private Pages

• Checkout: Authenticated users can place orders securely.
• Dashboard
  • User Role: View orders and update profile/password.
  • Admin Role: Full control of users, products, and orders.

🎨 UI/UX

• Built with TailwindCSS for utility-first styling.
• Loading spinners, toast notifications, and friendly error states.

---

🛠 Tech Stack

• React 19 + TypeScript
• Redux Toolkit + RTK Query
• React Router DOM
• TailwindCSS
• Radix UI
• React Hook Form
• Recharts for Dashboard Analytics

---

🔧 Getting Started

1. Clone the repository

git clone https://github.com/ifajul89/velocity.git
cd velocity

2. Install dependencies

npm install

3. Run the development server

npm run dev

---

📆 Scripts

• npm run dev — Start development server
• npm run build — Production build
• npm run preview — Preview production build
• npm run lint — Lint code
• npm run format — Format code using Prettier

---

📁 Folder Structure

src/
├── components/
├── features/
├── hooks/
├── layouts/
├── pages/
├── redux/
├── routes/
└── utils/