The MagniMarket E-Commerce Web App is a lightweight and user-friendly online shopping platform designed to provide a simple and intuitive e-commerce experience. Users can browse a curated selection of products, filter products by name, price, or category, create an account, and add items to their shopping cart or wish list. This project serves as an ideal starting point for small-scale online businesses and a valuable learning resource for web development enthusiasts.
- Product Catalog: Browse and search for products by category or keyword.
- Shopping Cart: Add, remove, and view selected products in the cart.
- Wish List: Add, remove, and view selected products in the wish list.
- Filter Products: Easily filter products by name, category, and price.
- User Authentication: Create accounts, log in, and log out.
- Product Details: View detailed descriptions of products.
- Responsive Design: Ensure accessibility on various devices.
- Frontend: Next.js
- Database: Firestore
- Authentication: Firestore
- Styling: CSS, Tailwind CSS
- Practice front-end development skills.
- Provide a simple and intuitive online shopping experience for users.
- Showcase fundamental e-commerce functionalities.
- Serve as a learning and development tool for web developers.
- Oussama Barka
- Mohamed Matassi
- Mouloud Mecheter
- Mohamed Cheraitia
- Milissa Sidisaid
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/202306-NEA-DZ-FEW/e-commerce-project-magnimarket.git - Navigate to the project directory:
cd magnimarket - Install dependencies:
npm install - Start the development server:
npm run dev - Open your browser and visit
http://localhost:3000
- Implement secure payment processing.
- Add user reviews and ratings for products.
- Integrate social media sharing and login options.
- Enhance the product recommendation system.
- Implement an order tracking system for users.
- Expand the product catalog with more categories.
This project is licensed under the MIT License.