BeatsXchange is a responsive e-commerce website for audio devices: headphones, speakers and accesories.
Visit the live website: BeatsXchange
BeatsXchange has an intuitive structure with key pages:
Home and About Page: Showcasing the shopping experience and our product catalog.
 |
 |
|---|
Shop Page: Featuring the product listing, filter and sorting options, and a search function.
Product Page: Providing images and information, including reviews and ratings.
Cart Page: Listing the items in the cart in the coresponding color variant with the option to increase or decrease the product quantity. Also includes the option to delete any or all items.
 |
 |
 |
|---|
Admin and Editor Page: Enabling administrators to manage the product database effectively.
 |
 |
|---|
The website has all essential e-commerce features:
- User Authentication: A secure, user-friendly registration and login experience, powered by Clerk.
- Sorting and Filtering: Easily find products by sorting and filtering options.
- Product Variants: Explore products with color variants, each featuring detailed images.
- Cart Management: Add and remove products from the cart.
- Reviews and Ratings: Leave and read product reviews and ratings.
- Product Management: As an administrator you can add, remove, and update products to maintain a dynamic catalog.
Secure user registration and login are facilitated by Clerk. Users seeking administrator privileges can contact the website developer for authorization.
BeatsXchange relies on MongoDB as the database solution, integrated with Prisma for efficient querying and data management.
The project is hosted and deployes via Vercel at beatsxchange.vecel.app.
The task that is currently being worked on is the implementation of the checkout process, including secure payment processing.