This is a jewelry application built with React, Redux, Chakra UI, and powered by a JSON Server backend. It also features authentication using Node.js and Express.
The Jewelry Application is a modern e-commerce platform for buying and exploring exquisite jewelry. It provides a user-friendly interface, a wide range of jewelry items, and a secure authentication system. Shoppers can browse jewelry items, add them to their cart, and complete secure payments.
- User authentication with Node.js and Express.
- Browse a wide variety of jewelry items.
- Add and remove items from the shopping cart.
- Secure checkout and payment processing.
- Responsive design for mobile and desktop.
To run this application locally, follow these steps:
- Clone this repository to your local machine: git clone https://github.com/yourusername/jewelry-app.git
- Change to the project directory:cd jewelry-app
- Install the required dependencies for the frontend:npm install
- Install the required dependencies for the backend cd backend npm install
Usage Create an account or log in to your existing account. Browse the collection of jewelry items. Click on an item to view its details. Add items to your cart. Click on the cart icon to view and manage your cart. Proceed to checkout and make a secure payment. Enjoy your new jewelry!
The application includes a pagination feature, allowing you to easily navigate through the list of jewelry items.
Each jewelry item has a dedicated product page with detailed information and high-quality images.
It provides all the details about particular item.
You can add and remove items from your cart. The cart provides a summary of your selected items.
The secure payment page ensures your transactions are safe and protected.
-
Frontend:
- React for building user interfaces
- Redux for state management
- Chakra UI for styling
- Axios for API requests
-
Backend: JSON Server, Node.js, Express