Watchly

Watchly is a large-scale e-commerce platform focused on selling wristwatches, designed to provide users with an enhanced shopping experience through advanced features. The platform is built using a scalable MERN stack architecture, aiming to handle high traffic and offer real-time analytics.

Features

V1 (Current Release)

• User Authentication: Secure login and signup functionality
• Product Browsing: Browse watches by categories (Classic, Luxury)
• Product Details: Detailed view of each watch with specifications
• Shopping Cart: Add, remove, and manage items in cart
• Wishlist: Save favorite watches for later
• User Profile: Manage personal information and orders
• Responsive Design: Mobile-friendly interface
• Contact & About: Information about the platform and contact details

V2 (Planned Features)

• Advanced Search & Filtering: Enhanced product search with multiple filters
• Infinite Scroll: Seamless product loading as users scroll
• Personalized Recommendations: AI-powered product suggestions
• Virtual Try-On: AR technology for virtual watch try-on
• AI Style Advisor: Smart style suggestions based on trends
• Real-Time Analytics: User behavior tracking and insights
• Order Tracking: Real-time order status updates
• Payment Integration: Multiple payment gateway support
• Reviews & Ratings: User reviews and rating system
• Social Sharing: Share products on social media

Technologies Used

Frontend

• React 18: For building the user interface
• Vite: For fast development and optimized builds
• Tailwind CSS: For rapid and responsive UI development
• Framer Motion: For smooth animations and transitions
• React Router DOM: For client-side routing
• React Toastify: For toast notifications
• Font Awesome & React Icons: For iconography

Backend

• Node.js & Express: For the server and API
• MongoDB & Mongoose: For database and ODM
• JWT: For authentication
• Bcrypt: For password hashing
• CORS: For cross-origin resource sharing
• Dotenv: For environment variable management

Project Setup

Prerequisites

• Node.js (v18 or higher)
• MongoDB
• Git

Getting Started

1. Clone the repository:

   git clone https://github.com/soumyodeep-dey/Watchly.git
   cd Watchly

Frontend Setup

1. Navigate to the frontend directory:

   cd frontend/watchly

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Backend Setup

1. Navigate to the backend directory:

   cd backend

2. Install dependencies:

   npm install

3. Create a .env file with necessary environment variables
4. Start the development server:

   npm run dev

Contributing

Contributions are welcome! Please feel free to submit a Pull Request. Made by Soumyodeep Dey