This project is an online store web application that allows users to browse products, add them to their cart, make orders, and manage their profiles. The application supports two user roles: Admin and User, each with specific functionalities.
Maybell.mp4
- Product browsing: Users can view products categorized by type, brand, etc.
- Product details: Each product page displays detailed information, including images, descriptions, prices, and reviews.
- Cart management: Users can add/remove products to/from their cart and update quantities.
- Checkout: Secure checkout process with payment integration.
- User authentication: Users can register, login, and manage their profiles.
- Admin Dashboard:
- Product management: Add, edit, and delete products.
- Order management: View and manage orders, update order status.
- User management: View and manage user accounts.
- Statistics: View charts and graphs with insights on product sales, order volume, user activity, etc.
-
Frontend:
- Angular (Version 17)
- HTML/CSS/JavaScript/TypeScript
- Tailwind CSS
-
Backend:
- Node.js
- Express.js
- MongoDB (NoSQL database)
- Node.js and npm should be installed on your machine.
- MongoDB should be installed and running locally or on a remote server.
- Clone the repository:
git clone https://github.com/MohamedAliEsmaill/ecommerce.git
- Install dependencies:
- Frontend: Navigate to the
client
directory and runnpm install
- Backend: Navigate to the
server
directory and runnpm install
- Frontend: Navigate to the
- Set up environment variables:
- Create a
.env
file in bothclient
andserver
directories. - Add necessary environment variables (e.g., database connection string, API keys).
- Create a
- Start the application:
- Backend: Run
node server.js
(or the appropriate command to start your server) - Frontend: Run
ng serve
- Backend: Run
- Access the application in your browser (usually at
http://localhost:4200
). - Browse products, add items to your cart, and proceed through checkout.
Marwan Mohamed 📖 🔧 🚇 🚧 👀 |
Ahmed Galal 💬 📖 👀 📢 |
Mahmoud Dabbous 💬 📖 👀 📢 |
Mohamed 💬 📖 👀 📢 |
Mohamed Ali 💬 📖 👀 📢 |
Mahmoud Hussien 💬 📖 👀 📢 |
This project is licensed under the MIT License.