Shop Ease

Live Site: Shop Ease

Server-Side:

Server Side

Overview

The primary purpose of this site is to provide users with a seamless and efficient shopping experience. It allows users to explore a wide range of products, apply various filters, and sort options to find exactly what they need. Additionally, it offers a secure and user-friendly platform for account creation, login, and social media sign-in, ensuring a personalized shopping journey. The site aims to make online shopping easy, accessible, and enjoyable for all users.

Features

1. Robust Authentication:

• Multiple Login Options: Supports email/password and Google sign-in for a flexible user experience.
• Strong Password Validation: Enforces secure passwords with real-time validation feedback.

2. Modern UI/UX:

• Custom Theming: Consistent orange-themed design with responsive layout for all devices.
• Interactive Animations: Engaging user interactions with SweetAlert2, react-toastify, and subtle animations.

3. Enhanced Security:

• JWT Authentication: Secure session management with JSON Web Tokens.
• Firebase Integration: Reliable user authentication and real-time data handling.

4. Optimized Performance:

• Lazy Loading: Efficient loading for faster performance.
• Material UI: Clean, minimalist design focused on speed and aesthetics.

5. Accessible Design:

• Keyboard Navigation: Fully navigable using the keyboard.
• Screen Reader Friendly: Compatible with screen readers for inclusive access.

6. Seamless Backend Integration:

• Admin can track total revenue generated from biodata contact request payments directly from the dashboard.

7. Mobile Responsive:

• The site is fully responsive, providing a seamless experience across all devices including desktops, tablets, and smartphones.

Contact/Email

For any support or inquiries, please contact at rbiswas01999@gmail.com.

Instructions ( project setup, instructions, and any necessary details for running the project locally. )

Here’s a comprehensive guide for setting up the project locally, which includes the frontend repositories' README file:

---

🛠 Project Setup Guide

Prerequisites

Before you begin, ensure you have the following installed on your machine:

• Node.js (v14.x or higher)
• npm (v6.x or higher) or Yarn
• MongoDB (for backend)

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/username/project-name.git
cd project-name

🔧 Frontend Setup

1. Navigate to the frontend directory:

   cd frontend

2. Install Dependencies:

   npm install
   # or if using yarn
   yarn install

3. Create a .env file:

   • Inside the frontend directory, create a .env file and add your environment variables (e.g., Firebase config).

4. Run the Development Server:

   npm start
   # or if using yarn
   yarn start

5. Access the Application:

   • Open your browser and navigate to http://localhost:3000.