A modern, open-source dropshipping platform built with React, TypeScript, and Tailwind CSS. Avelo provides a seamless experience for creating and managing your dropshipping business.
- 💎 Modern UI with Tailwind CSS
- 🛍️ Product Management System
- 🛒 Shopping Cart with Redux
- 📱 Fully Responsive Design
- 🚚 Supplier & Shipping Information
- ⭐ Product Reviews & Ratings
- 📦 Stock Management
- 🎨 Product Variants Support
- Frontend Framework: React 18
- Language: TypeScript
- Styling: Tailwind CSS
- State Management: Redux Toolkit
- Routing: React Router v6
- Icons: Lucide React
- Build Tool: Vite
- Package Manager: npm
-
Clone the repository
git clone https://github.com/AdityaP700/Avelo.git cd avelo -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Build for production
npm run build
avelo/
├── src/
│ ├── components/ # React components
│ ├── store/ # Redux store configuration
│ ├── types/ # TypeScript type definitions
│ ├── App.tsx # Main application component
│ └── main.tsx # Application entry point
├── public/ # Static assets
└── package.json # Project dependencies and scripts
The main component for displaying product information:
- Displays product image, name, and price
- Shows shipping information and supplier details
- Handles stock level indicators
- Manages add to cart functionality
Built with Redux Toolkit for efficient state management:
- Add/remove items
- Update quantities
- Calculate totals
- Persist cart state
We welcome contributions! Please follow these steps:
- Fork the repository
- Create a new branch:
git checkout -b feature/amazing-feature - Make your changes
- Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Aditya Pattanayak - @AdityaP700
Project Link: https://github.com/AdityaP700/Avelo