Code Monkey home page Code Monkey logo

carx-client's Introduction

Carx - Affordability at your Fingertips (Client-side)

Carx Logo

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.

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
  1. Navigate to the project directory:
cd carx-client
  1. Install dependencies:
yarn install
  1. Configure environment variables (refer to .env.example)
  2. Run the development server:
yarn dev

Author

Suhag Al Amin

carx-client's People

Contributors

dependabot[bot] avatar suhag-alamin avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.