Overview

Collectique is an ecommerce website that sets the standard for modern online shopping experiences. With a clean and elegant UI, it demonstrates how an ecommerce platform can be both visually appealing and high-performing, offering users a seamless and refined shopping journey. Visit the deployed site to experience it live.

Screenshots

Tech Stack

• Frontend: React, Tailwind CSS, daisyUI, Lottie files
• Backend: Node.js, Express.js
• Database: MongoDB

Features

1. Authentication and Authorization:

   • Utilizes JWT for secure authentication.
   • Implements role-based authorization to control user access.

2. Search and Filtering:

   • Debouncing search functionality enhances the product search experience.
   • Allows users to filter products by name, price, and other parameters.

3. User Status:

   • Displays online status of users, fostering a real-time and engaging experience.

4. Animations:

   • Enhances UX with animated elements using Lottie files.

5. Product Interaction:

   • Users can rate and review products, contributing to a dynamic user-driven environment.

6. Admin Dashboard:

   • Admin functionality for efficient management of products, users, and orders.

7. Payment Integration:

   • Seamless integration with Razorpay for secure and efficient payment processing.

8. Order History:

   • Provides users with a comprehensive order history for tracking and reference.

9. Image Upload:

   • Supports image upload capability using multer.

10. Dark and Light Mode:

    • Offers a visually appealing and customizable UI with support for dark and light modes.

Features to Add

• Image Upload to Cloudinary:

  • Allows administrators to seamlessly upload images to Cloudinary.

• Admin Review Deletion:

  • Empower administrators with the ability to manage and maintain the quality of user reviews.

• Typeahead Dropdown for Search:

  • Enhance the search functionality by implementing a typeahead dropdown, providing users with quick and relevant suggestions.

• Pagination:

  • Improve user navigation and experience by introducing pagination for product listings.

• User Profile Update:

  • Enable users to update their profiles, ensuring the most accurate and current information is displayed.