🚗 AutoPile - Premium Auto Parts E-commerce Platform

🌟 Overview

AutoPile is a modern e-commerce platform specializing in premium auto parts and accessories. Built with Next.js 14, TypeScript, and Tailwind CSS, it offers a seamless shopping experience for automotive enthusiasts.

🔗 Deployment Address: https://www.autopile.store
⚙️ Backend Repository: AutoPile Backend

📸 Screenshots

Dashboard Overview

Product Catalog

Review Section

Payment Form

Mobile Experience

-web

-pad

-mobile

✨ Features

• 🛍️ Comprehensive product catalog with detailed descriptions
• 🔍 Advanced search and filtering capabilities
• 🛒 Seamless shopping cart experience
• 💳 Secure payment processing with Stripe
• 👤 User authentication and profile management
• 📱 Responsive design for all devices
• ⭐ Product reviews and ratings
• 🗺️ Order tracking with dynamic maps
• 📊 Interactive dashboard for order management

🛠️ Tech Stack

• Next.js 14 (App Router)
• TypeScript
• Tailwind CSS
• Shadcn UI
• React Hook Form
• Zod Validation
• Redux

Local Development

1. Clone the repository:

git clone [your-repository-url]
cd autopile

2. Install dependencies:

npm install

3. Set up environment variables:

cp .env.example .env.local

4. Run the development server:

npm run dev

Open http://localhost:3000 to view the application.

📚 Project Structure

autopile/
├── app/               # Next.js app directory
│   ├── actions/      # Server actions
│   ├── components/   # React components
│   ├── lib/          # Utility functions
│   └── pages/        # App routes
├── public/           # Static assets
└── styles/           # Global styles

🌐 Deployment

The application is deployed on Vercel with automatic deployments from the main branch. Visit https://www.autopile.store to see it in action.