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

https://github.com/crisnguyendev/miu-cs425-crs-web

Frontend web application for managing car rentals, built with React, Redux, and Bootstrap, featuring API integration and responsive design.
https://github.com/crisnguyendev/miu-cs425-crs-web

api-integration assignment car-rental-system design front-end react state-management web-application

Last synced: about 2 months ago
JSON representation

Frontend web application for managing car rentals, built with React, Redux, and Bootstrap, featuring API integration and responsive design.

Awesome Lists containing this project

README

        

# MIU - SWE Final Project: Car Rental System - Front End Web

This repository contains the final project for the **SWE (Software Engineering)** course, part of the graduate Computer Science program at **Maharishi International University (MIU)**.

---

## Overview
The **Car Rental System (CRS)** front-end web application provides a user-friendly interface for managing car rental operations. It integrates seamlessly with the backend service to handle cars, customers, reservations, and rentals.

---

## Features
- Interactive web interface for managing cars, customers, and reservations.
- Supports rental transactions, including pickups and returns.
- Displays invoices and reports for completed rentals.
- API integration with the backend service.

---

## Technologies
- **React** - Front-end framework.
- **Axios** - HTTP client for API integration.
- **Bootstrap** - Responsive design and styling.
- **React Router** - Navigation and routing.
- **Redux** - State management.

---

## Prerequisites
- **Node.js** (v14 or later) and **npm** (v6 or later).
- IDE or text editor like Visual Studio Code.

---

## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/anhvu2889/miu-cs425-crs-web
```
2. Navigate to the project directory:
```bash
cd miu-cs425-crs-web
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
5. Open the application in your browser:
```
http://localhost:3000
```

---

## API Integration
The application communicates with the backend service through RESTful APIs:
- **GET /api/cars** - Fetch car records.
- **POST /api/reservations** - Create reservations.
- **PUT /api/rentals** - Update rental details.

---

## Contributing
Contributions are welcome! Follow these steps:
1. Fork the repository.
2. Create a new branch.
3. Commit your changes.
4. Submit a pull request.