Golden Sparrow Jewelry Store
Welcome to the repository for our website! This is a web application built using MongoDB,Express.js,React, and Node.js . It is a clone of the popular online jewelry store 'CaratLane', offering users the opportunity to browse a wide range of exquisite jewelry items, explore detailed product information, add items to their shopping cart, and proceed through a seamless checkout process with a secure payment system. The application incorporates user authentication and registration functionalities, enabling users to create accounts, manage their profiles, and save their favorite jewelry items in a wishlist.
➜ Dark Mode and Light Mode: The application offers users the option to switch between Dark Mode and Light Mode to customize their browsing experience based on their preferences. The Dark Mode is ideal for low-light environments, reducing eye strain and providing a visually appealing interface.
➜ ChatBot - CareSparrow: We have introduced CareSparrow, the friendly and intelligent chatbot, to assist users throughout their journey on the website. CareSparrow can answer common queries, provide product recommendations, and guide users through the checkout process.
➜ Checkout Process with Payment System: A secure and user-friendly checkout process is provided, allowing users to enter shipping details, select payment methods, and place their orders. The application integrates a payment system for processing transactions securely.
➜ Address Finder by Pincode: Users can easily find their shipping address by entering their pincode. The application fetches the relevant address details associated with the pincode, streamlining the checkout process and providing a convenient user experience.
➜ Browsing Categories: Users can explore various jewelry categories, such as necklaces, earrings, rings, bracelets, etc. on the homepage.
➜ Product Details: Each jewelry item in a category has its dedicated page showcasing high-resolution images, product specifications, and pricing.
➜ Shopping Cart: Users can add desired items to their shopping cart, review the cart contents, and modify quantities or remove items as needed.
➜ User Authentication: The application offers user registration and login functionality, providing a personalized experience for each user.
➜ User Profile: Registered users can access their profiles, view their order history, update personal information, and manage their wishlist.
➜ Wishlist: Users can add jewelry items to their wishlist for future reference and easy access.
➜ Responsive Design: The application is designed to be responsive, ensuring an optimal user experience across various devices, including desktops, tablets, and smartphones.
Frontend: HTML, CSS, JavaScript, React.js
Backend: Node.js, Express.js, Nodemon
Database: MongoDB
Authentication: JsonWebtoken and Bcrypt.
APIS: Razorpay Payment Gateway
Explanation:
➜ The user starts at the Homepage where they are greeted with featured jewelry items and categories without Signin.
➜ They can then choose to Browse Categories, leading them to the respective Category Page. On the Category Page, they can view a list of jewelry items in the selected category and click on an item to view its Product Details.
➜ From the Product Details page, the user can interact with the website in two ways: Add the item to their Wishlist to save it for later reference. Add the item to their Shopping Cart for purchase. If the user chooses to view their Wishlist, they can see the list of saved items.
➜ If the user clicks on the Shopping Cart, they can review the items they have added and proceed to the Checkout Process.
➜ During the Checkout Process, the user is required to log in or sign up (if not already authenticated) to proceed.
➜ After logging in, the user provides the necessary shipping details and selects a payment method for Checkout. Once the user confirms the order, they receive an Order Confirmation.
➜ The user also has the option to access their User Profile to view their order history and manage their account information.
Please note that this diagram provides a general overview of the user flow, and the actual implementation may have additional interactions and branches based on the specific design and functionality of the CaratLane jewelry website clone.
➜ What is the CaratLane Jewelry Website Clone?
The CaratLane Jewelry Website Clone is a web application that replicates the main features and design of the original CaratLane jewelry website. It allows users to explore various jewelry categories, view detailed product information, add items to their shopping cart, and proceed through a secure checkout process.
➜ Is the CaratLane Jewelry Website Clone a real e-commerce website?
No, the CaratLane Jewelry Website Clone is a non-commercial project created for educational and demonstrative purposes only. It does not conduct real transactions or process payments. Any payment-related processes are simulated and for demonstration purposes.
➜ Can I make actual purchases on the CaratLane Jewelry Website Clone?
No, the application does not support real purchases. It provides a simulated checkout process for demonstration purposes only.
➜ How can I access the admin section of the website?
The admin section is restricted and accessible only to authorized personnel. If you are an admin or have been granted administrative privileges, please log in using the admin credentials to access the admin dashboard.
➜ Can I contribute to the project?
Yes, We welcome contributions! If you are familiar with web development using HTML, CSS, React, Node.js, or Express.js, you can help enhance the application. Please check our contributing guidelines in the repository for more information on how to get involved.
➜ I found a bug or technical issue. How can I report it?
If you encounter any bugs or technical issues while using the website, please open an issue in our GitHub repository. Provide a detailed description of the problem, steps to reproduce it, and any relevant error messages. We'll investigate and work towards resolving the issue.
➜ Can I request new features for the CaratLane Jewelry Website Clone?
Absolutely! We appreciate your feature requests. If you have ideas for new functionalities or improvements, please open a feature request on GitHub. Explain the functionality you envision and how it would benefit the users of the website.
➜ Is user registration required to browse the jewelry items?
No, user registration is not mandatory to browse the jewelry items. However, creating an account allows you to access additional features like the shopping cart and wishlist.
➜ Is the website responsive and mobile-friendly?
Yes, the CaratLane Jewelry Website Clone is designed to be responsive, providing an optimal user experience on various devices, including desktops, tablets, and smartphones.
If you have any other questions or need further assistance, feel free to reach out to us. We are here to help!
We welcome contributions to improve our ! If you have any suggestions or want to report issues, feel free to open an issue or submit a pull request. Please follow our contributing guidelines outlined in the repository.
To run the project locally on your machine, follow these steps:
Clone the repository:
git clone https://github.com/razzivofficial/golden_sparrow.git
Navigate to the project directory:
cd golden_sparrow
To start the development server for frontend, run the following commands:
Start the frontend server (from the frontend directory)
cd frontend
npm start
Start the backend server (from the backend directory)
cd backend
node server.js
Access the application by visiting http://localhost:3000 in your web browser.
We would like to express our gratitude to all the contributors and users who have provided valuable feedback and helped improve this website.
We value your feedback! If you have any suggestions, comments, or encounter any issues while using our CaratLane Jewelry Website Clone, we would love to hear from you. Your feedback helps us improve the user experience and enhance the functionalities of the application.
How to Provide Feedback:
➜ Issues and Bug Reports: If you come across any bugs or technical issues, please feel free to open an issue in this GitHub repository. Provide a detailed description of the problem, steps to reproduce it, and any relevant error messages you may have encountered. We will investigate and work towards resolving the issue promptly.
➜ Feature Requests: If you have ideas for new features or improvements to existing ones, let us know by opening a feature request. Explain the functionality you envision and how it would benefit the users of the website. Your suggestions will be taken into consideration for future updates.
➜ General Feedback: If you have any general feedback about the design, user interface, or overall experience of the website, we'd love to hear it. Your opinions are essential to help us create a more enjoyable and user-friendly environment
Thank you for your interest in our Jewelry website project!
This project aims to create a clone of the CaratLane website to showcase its main functionalities and user interface.
Please refer to the documentation section for installation instructions, usage guidelines, and project structure. If you have any questions or need assistance, do not hesitate to reach out to us. We are here to support and guide you through your experience with the application.
Thank you for choosing the CaratLane Jewelry Website Clone. We hope you enjoy exploring and admiring the exquisite world of jewelry with us!
Happy browsing! 🏨