Carx - Affordability at your Fingertips (Client-side)

Carx is a full-stack application that brings affordability to your fingertips. This repository contains the client-side code. For the server-side code, visit Carx Server.

• Visit Carx Website
• Server-side Code

Features

Authentication

• Google and Email/Password Login: Users can log in securely using either their Google account or by providing an email and password.

• Account Creation: Users have the option to create a new account on the platform.

• Password Reset: Users can reset their password in case they forget it.

• Make Admin: Admins can make other users admins.

Car Management

• Browse Cars: Users can view a comprehensive list of available cars along with detailed information.

• Add to Cart: The platform offers a seamless shopping experience with the ability to add selected cars to the cart.

Order Processing

• Place Orders: Users can easily place orders for selected cars.

• Order History: A user-friendly dashboard allows users to keep track of their order history.

Payment Handling

• Secure Payments: The platform ensures secure payment processing for user orders.

• Payment History: Users can conveniently review their payment history.

Review System

• Submit Reviews: Users can share their experiences by submitting reviews for cars.

• Review History: A personalized space for users to view and manage their submitted reviews.

Messaging System

• Send Messages: Users can communicate with the platform through the messaging system.

User Dashboard

• Personalized Dashboard: Users enjoy a customized dashboard where they can efficiently manage their orders and interactions.

Admin Features

• Product Management: Admins have the authority to add or remove products, ensuring an up-to-date car inventory.

• Order Management: Admins can efficiently manage and oversee all user orders.

Improved Performance

• Optimized Images: Performance is enhanced through the optimization and resizing of images.

Technology Stack

• Frontend:

  • React.js
  • Redux
  • Redux RTK query
  • Material UI
  • CSS
  • Axios
  • React Router
  • React Hook Form
  • Swiper.js
  • React Dropzone
  • React Toastify

• Backend:

  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • Firebase
  • Stripe
  • Node Mailer
  • Zod

Getting Started

1. Clone the repository:

git clone https://github.com/suhag-alamin/carx-client.git

2. Navigate to the project directory:

cd carx-client

3. Install dependencies:

yarn install

4. Configure environment variables (refer to .env.example)
5. Run the development server:

yarn dev

Author

Suhag Al Amin