🏎️ CarGo - Car Rental Management System (Frontend)

This is the modern, responsive user interface for the CarGo Rental Management System. Built with React and Vite, it provides a seamless experience for customers to browse vehicles and manage bookings, and for admins to oversee operations.

---

💻 Tech Stack

• Framework: React.js (Vite)
• State Management: React Hooks (useState, useEffect)
• Routing: React Router DOM
• Maps Integration: Leaflet.js (for pickup location visualization)
• Styling: CSS3 / Modern UI Components
• Icons: React Icons / Lucide

---

✨ Key Features

• Interactive Dashboard: A clean overview of available services and vehicles.
• Dynamic Map View: Integration with Leaflet to show pickup locations dynamically.
• Booking System: User-friendly forms for vehicle reservations.
• Authentication: Dedicated login and registration flows for users.
• Admin Portal: Comprehensive management views for vehicles, customers, and payments.
• Responsive Design: Fully optimized for desktops, tablets, and mobile devices.

---

📂 Project Structure

src/
├── assets/         # Images and static files
├── components/     # Reusable UI components (Navbar, Map, Footer)
├── pages/          # Main views (Home, Booking, AdminDashboard, etc.)
├── App.jsx         # Main application component
└── main.jsx        # Entry point
🛠️ Getting Started
Prerequisites
Node.js installed on your machine.

Backend server (CarGo-System) running locally.

Installation
Clone the repository:

Bash

git clone [https://github.com/PasiSandeepa/CarGo-Frontend.git](https://github.com/PasiSandeepa/CarGo-Frontend.git)
Install dependencies:

Bash

npm install
Run the development server:

Bash

npm run dev
The application will be available at http://localhost:5173.

📞 Developer Info
Developed by: Pasi Sandeepa

Focus: Delivering a high-quality user experience for car rental management.