# 🚗 c4cars: Full-Stack Car Buying Web App

**c4cars** is a comprehensive car buying platform built using the MERN stack, comprising **Node.js**, **React.js**, **MongoDB**, and **Express.js**. The application is designed to provide **users** with an effortless and **enjoyable experience** while browsing and purchasing cars from a vast collection of vehicles.

---

## 📌 Key Features:

1. **BrainTree Payment Gateway Integration**: Secure and seamless payment processing, allowing customers to purchase vehicles with confidence.
2. **360-Degree Visualization**: An immersive feature that offers users a complete 360-degree view of the cars, helping them make informed decisions.
3. **Car Image Gallery** : A dynamic and responsive gallery showcasing high-quality images of each car, providing a detailed look at every aspect of the vehicles.
4. **Advanced Search and Filtering**: Users can easily find their desired car using various filters, including price range, brand, and other essential criteria.
5. **Filter by Price and Brands**: Simplified browsing with options to filter cars based on budget and preferred brands, making the search process more intuitive.
6. **Admin Panel**: A dedicated admin interface for managing car listings, orders, user accounts, and other critical operations, ensuring smooth administration of the platform.

---

## 🛠 Technology Stack:

1. **Frontend**: React.js for building a responsive and user-friendly interface with Bootstrap.
2. **Backend**: Node.js and Express.js for a robust and scalable server-side architecture.
3. **Database**: MongoDB, utilizing the Mongoose library for efficient data management and retrieval.

---

## 📦 Deployment Details:

1. **Frontend**: Deployed on [Render.com](https://render.com/) for a reliable and scalable hosting solution.
2. **Backend**: Deployed on [Render.app](https://render.com/) ensuring a stable and efficient server environment.
3. **Images**: Hosted on Google Drive, leveraging the Google Drive API for secure and accessible image storage and retrieval.
4. **Database**: Deployed on [MongoDB Cloud](https://www.mongodb.com/cloud), offering a fully managed database service with high availability and performance.

---

## 🎥 Screenshots:

![image](https://github.com/user-attachments/assets/e4a05b99-ffc6-4466-a06d-ed5264f4572a)

![image](https://github.com/user-attachments/assets/4a054998-517b-4a88-bf3a-079a992db305)

![image](https://github.com/user-attachments/assets/572dace8-e246-4b66-baef-d870bc9b53ab)

![image](https://github.com/user-attachments/assets/bd812622-18dd-4027-8a34-d13c948c0640)

![image](https://github.com/user-attachments/assets/f0a36f8e-c165-4d3e-a48f-616b30454d2b)

---

**Please Give it a ⭐ Star if you like it...** <br/>
**Live Link :- https://c4cars.onrender.com**

---

## 📜 License

**This project is MIT Licensed.**