https://github.com/naveen05-lang/car
https://github.com/naveen05-lang/car
Last synced: 17 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/naveen05-lang/car
- Owner: Naveen05-lang
- Created: 2025-04-28T12:15:10.000Z (27 days ago)
- Default Branch: main
- Last Pushed: 2025-04-28T12:34:20.000Z (27 days ago)
- Last Synced: 2025-04-28T13:40:31.967Z (27 days ago)
- Language: JavaScript
- Size: 39.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
## Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
## Deployed link
https://zerocatertask.netlify.app/
# Car Dealership App
This is a car dealership web app built using **React** and **Vite**. It allows users to search, filter, and browse a variety of cars available for sale. The app utilizes **React Context** for state management and **Vite** for a fast development and production build.
## Features
- **Car Listings**: Browse through a list of cars with details such as make, model, price, features, and more.
- **Search Functionality**: Search for cars by make, model, or features with debounced input to improve performance.
- **Responsive Design**: The app is fully responsive and works well on both desktop and mobile devices.
- **Dynamic Data**: The car data is imported dynamically to demonstrate the flexibility of modern JavaScript.
- **Grid and Flexbox Layouts**: Cars are displayed in a flexible grid layout that adjusts based on screen size.
## Technologies Used
- **React**: JavaScript library for building user interfaces.
- **Vite**: Next-generation build tool that provides fast and efficient development and production builds.
- **React Context API**: State management for sharing car data across components.
- **CSS**: For styling and layout, including grid and flexbox for responsive design.
## Getting Started
Follow these steps to get your local development environment set up:
### 1. Clone the Repository
```bash
git clone https://github.com/yourusername/car-dealership-app.git
cd car-dealership-app