https://github.com/akashchandrasekar/capstone-project-frontend
Online Vehicle Rental System
https://github.com/akashchandrasekar/capstone-project-frontend
bootstrap reactjs router-dom toastify
Last synced: 3 months ago
JSON representation
Online Vehicle Rental System
- Host: GitHub
- URL: https://github.com/akashchandrasekar/capstone-project-frontend
- Owner: Akashchandrasekar
- Created: 2024-12-05T10:22:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-05T10:28:24.000Z (over 1 year ago)
- Last Synced: 2025-04-01T09:07:45.334Z (over 1 year ago)
- Topics: bootstrap, reactjs, router-dom, toastify
- Language: JavaScript
- Homepage: https://capstone-project-frontend-gamma.vercel.app
- Size: 4.28 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# About the project
A car rental website is an online platform that allows users to rent cars for personal or business use. The website provides an easy-to-use interface for searching, comparing, and reserving cars from a wide selection of vehicles that vary in make, model, size, and price.
👉 Live Demo: Live Demo
Build with:
» Sass / Scss
» React JS
# React Project Setup
This guide provides instructions to set up and run a React project on your local machine. The project also includes Sass as a dependency for styling.
## Prerequisites
Before you begin, ensure that you have the following installed on your machine:
- Node.js (v12 or later)
- npm (Node Package Manager, comes with Node.js)
## Installation
1. Clone the project repository to your local machine using Git:
```
git clone `
```
2. Navigate to the project directory:
```
cd
```
3. Install project dependencies by running the following command:
```
npm install
```
## Usage
To run the React project locally, follow these steps:
1. Start the development server:
```
npm start
```
This command will compile the project and start a local development server.
2. Open your web browser and visit `http://localhost:3000`. The React application should be up and running.
## Styling with Sass
This project uses Sass as a preprocessor for CSS. Sass files are located in the `src/styles/styles.sccs` directory. To compile Sass into CSS, follow these steps:
1. Run the following command in your project directory:
```
npm run build-css
```
This command will compile Sass files and generate corresponding CSS files in the `src/styles/styles.sccs` directory.
2. Link the generated CSS files in your React components to apply the styles.
## Additional Scripts
The project includes additional scripts that you can run using the `npm run` command:
- `test`: Run tests for the project.
- `build`: Build the project for production.
- `eject`: Eject the project configuration from create-react-app.
## Conclusion
You should now have the React project set up on your local machine. Feel free to explore and modify the code to meet your requirements. If you encounter any issues, please refer to the project's documentation or seek support from the project's maintainers.