Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/miavai649/cleancarz-client

The Clean Carz is a web application where user can get different types of car wash services. It allows users to explore available services, select a time slot, and book a service online, offering a digital car care experience.
https://github.com/miavai649/cleancarz-client

ant-design dayjs jwt-decode momentjs postcss react react-dom react-hook-form react-icons react-redux react-router-dom redux-persist redux-toolkit rtk-query sonner swiper-js typescript vite zod-validation

Last synced: 11 days ago
JSON representation

The Clean Carz is a web application where user can get different types of car wash services. It allows users to explore available services, select a time slot, and book a service online, offering a digital car care experience.

Awesome Lists containing this project

README

        

# Clean Carz ๐Ÿš—๐Ÿงผ

## Introduction

The **Clean Carz** is a web application where user can get different types of car wash services. It allows users to explore available services, select a time slot, and book a service online, offering a digital car care experience.

## Project Description

This project provides a nice experience for customers to book car wash services based on their preferences. User can browse different type of services and select time for booking a slot. Our main target is to create a user friendly experience for our customers.

## Features

- User-friendly interface for booking car wash services.
- Real-time availability of service time slots.
- Service details including duration, price, descriptions and duration.
- Responsive design for mobile and desktop device.
- Integrated AamarPay payment gateway for secure payments.
- Proper authentication and authorization.
- Admin dashboard for managing services, bookings, slots and users.

## Technology Stack

- **Frontend**: React, Tailwind CSS, Swiper.js, Sonner, Redux Persist, React Router Dom, React Icons, React Hook Form, Moment, Dayjs
- **Backend**: Node.js, Express.js, TypeScript, Axios, Bcryptjs, Cookie Parser, Cors, Dotenv, HTTP status
- **Database**: Zod
- **Database**: MongoDB, Mongoose
- **State Management**: Redux Toolkit
- **Authentication**: JWT
- **API Communication**: RTK Query
- **UI Library**: Ant Design and Tailwind CSS
- **Payment Gateway**: AamarPay

## Installation Guidelines

### Prerequisites

Ensure you have the following installed on your machine:

- [Node.js](https://nodejs.org/) (v14.x or higher)
- [Yarn](https://yarnpkg.com/) (optional, if using Yarn as the package manager)
- [MongoDB](https://www.mongodb.com/) (for local development)

### Installation Steps

### Installation Steps

1. **Clone the repository**:

```bash
git clone https://github.com/miavai649/cleanCarz-client
```

2. **Install dependencies**:
Using npm:

```bash
npm install
```

Using yarn:

```bash
yarn install
```

3. **Run the project**:
Using npm:
```bash
npm run dev
```
Using yarn:
```bash
yarn start dev
```

## Live URL

[Click here](https://cleancarz.vercel.app/)

## Admin credentials

1. adminEmail: [email protected]
2. password: admin123