A modern, responsive e-commerce platform for bike enthusiasts
- Product Catalog: Browse through an extensive collection of bikes
- Advanced Search: Find bikes by category, price, and specifications
- Product Details: Comprehensive product information with high-quality images
- Shopping Cart: Seamless add-to-cart functionality with real-time updates
- Secure Checkout: Streamlined checkout process with order confirmation
- User Registration & Login: Secure authentication system
- Profile Management: Update personal information and preferences
- Order History: Track past purchases and order status
- Wishlist: Save favorite bikes for later purchase
- Product Management: Add, edit, and delete bike listings
- Order Management: Process and track customer orders
- User Management: Monitor user accounts and activities
- Analytics: Sales reports and performance metrics
- Inventory Control: Manage stock levels and availability
- Responsive Design: Optimized for desktop, tablet, and mobile
- Dark/Light Mode: Toggle between themes for better user experience
- Modern UI: Clean, intuitive interface with smooth animations
- Accessibility: WCAG compliant design for all users
- React 18 - Modern UI library with hooks
- TypeScript - Type-safe development
- Tailwind CSS - Utility-first CSS framework
- Redux Toolkit - State management
- React Router - Client-side routing
- Framer Motion - Smooth animations
- Shadcn/ui - Modern component library
- Vite - Fast build tool and dev server
- ESLint - Code linting and formatting
- PostCSS - CSS processing
- Bun - Package manager and runtime
- Node.js (v18 or higher)
- npm, yarn, or bun package manager
-
Clone the repository
git clone https://github.com/yourusername/bike-store-client.git cd bike-store-client -
Install dependencies
npm install # or yarn install # or bun install
-
Start the development server
npm run dev # or yarn dev # or bun dev
-
Open your browser Navigate to
http://localhost:5173
| Home Page | Product Details | Admin Dashboard |
|---|---|---|
 |
 |
 |
For testing the admin features, use these credentials:
- Email:
riaz@gmail.com - Password:
202020
bike-store-client/
├── src/
│ ├── components/ # Reusable UI components
│ │ ├── layout/ # Layout components
│ │ ├── shared/ # Shared components
│ │ └── ui/ # UI components
│ ├── pages/ # Page components
│ ├── redux/ # Redux store and slices
│ ├── Hook/ # Custom React hooks
│ ├── routes/ # Routing configuration
│ └── types/ # TypeScript type definitions
├── public/ # Static assets
└── package.json # Dependencies and scripts
- ✅ Browse and search bikes by category
- ✅ Add items to cart and checkout
- ✅ User registration and authentication
- ✅ Order tracking and history
- ✅ Responsive design for all devices
- ✅ Dark/light theme toggle
- ✅ Complete product management
- ✅ Order processing and tracking
- ✅ User management and analytics
- ✅ Inventory control
- ✅ Sales reporting dashboard
We welcome contributions! Please follow these steps:
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Follow TypeScript best practices
- Use meaningful commit messages
- Test your changes thoroughly
- Update documentation as needed
This project is licensed under the MIT License - see the LICENSE file for details.
- Shadcn/ui for the beautiful component library
- Tailwind CSS for the utility-first styling
- Vite for the fast development experience
- Redux Toolkit for state management
If you have any questions or need help:
- 📧 Email: [your-email@example.com]
- 💬 Discord: [Join our community]
- 🐛 Issues: Report a bug
Made with ❤️ by [Your Name]