MIBI

MIBI is an advanced e-commerce platform dedicated to fashion, providing a seamless shopping experience with a focus on security, performance, and user-friendly features.

🚀 Features

• Authentication: Users can securely create accounts and log in to access personalized features.
• Paginations: Browse through a large catalog of fashion items with smooth and efficient pagination.
• Add to Cart/Wishlist Functionality: Easily add desired items to the cart or wishlist for a convenient shopping experience.
• Secure PayPal Payments: Ensure secure and reliable payment transactions through the integration of the PayPal API.
• Search and Product Filters: Quickly find specific products with a robust search functionality and apply filters for a refined shopping experience.
• SPA (Single Page Application): Enjoy a fast and responsive user interface with the benefits of a Single Page Application architecture.

🛠 Technologies Used

• Vite
• React.js
• Node.js
• Express
• PayPal API
• Supabase

🌐 Deployment

The project leverages code splitting and lazy loading for optimal performance, ensuring that users experience fast load times and efficient resource utilization.

📚 What I Learned

During the development of MIBI, I acquired valuable skills and insights, including:

• Connecting the frontend with the backend using APIs.
• Integration with the PayPal API for secure payment processing.
• Implementation of a mailing service (Mailgun) for sending emails through the contact form.

💡 Future Improvements

To enhance MIBI further, consider implementing the following features:

• Add more categories to expand the product catalog.
• Integrate discount codes functionality for promotional offers.
• Implement product reviews and calculate the best-reviewed products.

🚦 Running the Project

To run the project in your local environment, follow these steps:

To run the project in your local environment, follow these steps:

1. Clone the repository to your local machine.
2. Run npm install or yarn in the project directory to install the required dependencies.
3. Run npm run start or yarn start to get the project started.
4. Open http://localhost:5173 (or the address shown in your console) in your web browser to view the app