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.
- Frontend: React, Tailwind CSS, daisyUI, Lottie files
- Backend: Node.js, Express.js
- Database: MongoDB
-
Authentication and Authorization:
- Utilizes JWT for secure authentication.
- Implements role-based authorization to control user access.
-
Search and Filtering:
- Debouncing search functionality enhances the product search experience.
- Allows users to filter products by name, price, and other parameters.
-
User Status:
- Displays online status of users, fostering a real-time and engaging experience.
-
Animations:
- Enhances UX with animated elements using Lottie files.
-
Product Interaction:
- Users can rate and review products, contributing to a dynamic user-driven environment.
-
Admin Dashboard:
- Admin functionality for efficient management of products, users, and orders.
-
Payment Integration:
- Seamless integration with Razorpay for secure and efficient payment processing.
-
Order History:
- Provides users with a comprehensive order history for tracking and reference.
-
Image Upload:
- Supports image upload capability using multer.
-
Dark and Light Mode:
- Offers a visually appealing and customizable UI with support for dark and light modes.
-
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.