Welcome to the Salla E-commerce Platform! This project is a comprehensive e-commerce application built with modern web technologies. It includes features such as product browsing, cart management, wishlist functionality, user authentication, and more.
-
🛍️ Product Browsing: Browse through a wide range of products.
-
🛒 Cart Management: Add, update, and remove products from your cart.
-
❤️ Wishlist: Save your favorite products to your wishlist.
-
🔐 User Authentication: Sign up, log in, and manage your account.
-
🌐 Internationalization: Support for multiple languages.
-
📱 Responsive Design: Optimized for both desktop and mobile devices.
- Frontend: React, TypeScript, Redux Toolkit,Reduc persists ,Tailwind CSS , ShadCn
- API: RESTful API
- Authentication: JWT (JSON Web Tokens)
- State Management: Redux Toolkit
- Internationalization: react-i18next
- Clone the repository:
git clone https://github.com/your-username/salla-ecommerce.git cd salla-ecommerce
npm installCreate a .env file in the root directory and add the following variables:
REACT_APP_API_BASE_URL=http://localhost:5000/api
npm startNavigate to http://localhost:3000 to see the application in action.
- Browse Products: Explore the product catalog and view product details.
- Manage Cart: Add products to your cart, update quantities, and remove items.
- Wishlist: Add products to your wishlist for future reference.
- User Authentication: Sign up for a new account or log in with existing credentials.
salla-ecommerce/
├── public/ # Static assets and public files
├── src/ # Main source code directory
│ ├── components/ # Reusable UI components
│ │ ├── AuthComponent/ # Components related to authentication
│ │ ├── NavBar/ # Navigation bar components
│ │ ├── ProductViewer/ # Product viewing components
│ │ ├── shared/ # Shared components across the app
│ │ └── ui/ # UI-specific reusable components
│ ├── features/ # Redux features for state management
│ │ ├── auth/ # Authentication feature
│ │ ├── cart/ # Cart feature
│ │ ├── products/ # Product feature
│ │ └── wishlist/ # Wishlist feature
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Application pages
│ ├── services/ # API and utility services
│ │ ├── api/ # API service files
│ │ └── utils/ # Utility functions
│ ├── App.tsx # Root application component
│ ├── index.tsx # Application entry point
│ └── ... # Other project files
├── .env # Environment variables
├── package.json # Project dependencies and scripts
└── README.md # Project documentation
---
### 🤝 Contributing
Contributions are welcome! Please follow these steps to contribute:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature/your-feature
- Make your changes.
- Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin feature/your-feature
- Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
If you have any questions or feedback, feel free to reach out:
- Email: aliashour468@gmail.com
- GitHub: aliashour2






