Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abderrahmaneamerhhi/car_rental_app
car rental application with laravel and vuejs
https://github.com/abderrahmaneamerhhi/car_rental_app
backend-api car carrentalproject carrentalsystem composition-api crud-api crud-application crudapi frontend-web laravel laravel9 laravel9x php php8 simple-app simple-project vuejs vuejs3
Last synced: about 1 month ago
JSON representation
car rental application with laravel and vuejs
- Host: GitHub
- URL: https://github.com/abderrahmaneamerhhi/car_rental_app
- Owner: AbderrahmaneAmerhhi
- License: mit
- Created: 2022-06-29T15:03:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-04T12:35:13.000Z (about 1 year ago)
- Last Synced: 2024-10-11T11:23:47.562Z (about 1 month ago)
- Topics: backend-api, car, carrentalproject, carrentalsystem, composition-api, crud-api, crud-application, crudapi, frontend-web, laravel, laravel9, laravel9x, php, php8, simple-app, simple-project, vuejs, vuejs3
- Language: JavaScript
- Homepage: https://abderrahmaneamerrhi.com/
- Size: 5.6 MB
- Stars: 7
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://main--abderrahmaneamerrhiportfoliov2.netlify.app/)
[](https://www.linkedin.com/in/abderrahmane-amerrhi-807b40201/)
# License
[](https://choosealicense.com/licenses/mit/)
# The car rental application
The car rental application enables you to rent cars and display cars through the main factory company
Discover [Vedio](https://abderrahmaneamerrhi.com/assets/carrentalprojectved-36a6384e.mp4).
## Information
I built the app using laravel and vuejs, made a simple backend and also used api, created apis using laravel and used them in vuejs components
### Technologies used in Backend
| Technology | Description | Version |
| :--------- | :-----------------------: | :-----: |
| Php | PHP language | ^8.0.2 |
| Laravel | Laravel backend framework | ^9.11 |
### Technologies used in FrontEnd
| Technology | Description | Version |
| :--------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: |
| vuejs | Vuejs3 Framework | ^3.2.36 |
| vue-good-table | vuejs table componenet | ^2.21.11 |
| laravel-vue-pagination | vuejs with laravel pagination componenet | ^2.3.1 |
| vuex | Vuejs state management | ^3.6.5 |
| vue-router | vuejs router Vue Router is the official router for Vue.js. It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze | ^3.5.4 |
| vue-chartjs | vuejs charts componenets | ^4.1.1 |
| moment | moment js | ^2.29.3 |
| scrollreveal | scrollreveal Animation | ^4.0.9 |
⚡️ And other tools used: Visit file package.json
## Cloning and use
```bash or terminal
# Cloning app
git clone https://github.com/AbderrahmaneAmerhhi/car_rental_app
# install composer
composer install
php artisan config:clear
php artisan config:cache
# copy .env.example => rename it to .env
# generate App key
php artisan key:generate
# install node_modules
npm install
```
## Configuration
```env
# in .env file config database
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=yourdatabse_name
DB_USERNAME=root
DB_PASSWORD=databasepassword
# config Mail add your mail configuration
MAIL_MAILER=smtp
MAIL_HOST=mailhog
MAIL_PORT=1025
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS="[email protected]"
MAIL_FROM_NAME="${APP_NAME}"
```
## Migrate database and run app
```bash or terminal
########### open app in terminal or cmd or bash ... ###############
# Migrate data base run in terminal
php artisan migrate
# seed database
php artisan db:seed
# run app
php artisan serve
## in other terminal
npm run dev
# open app in
http://127.0.0.1:8000
# login to admin dashboard
Url : http://127.0.0.1:8000/admin
Email : [email protected]
Password : admin
```
## Features
- Dynamic backend with laravel Backend framework
- Responsive front-end with dark mode and other widgets built using vue.js framework
#### Dashboard Features
- Administrators can manage factory companies for every car, add new companies data, update a companies, delete a companies or archive it. Export company or multiple companies data.
- Administrators can manage the vehicle, add new vehicle data, update delete or archive a vehicle data. Export vehicle or multiple vehicle data.
- Track companies cars orders data statistics in charts and cards .
- Manage show orders
- change admin profile data
#### User side
- Visitors can view cars and can send you email Create a new account Log in...
- To order new car the user must be connected to their own account
- The user can change their profile data
## Some dashboard images
#### Manage factory companies
#### Manage vehicles
#### manage admin profile
#### Manage Orders
## Some user side images
#### User Login Register
#### Home
#### Contact Us
## Some DarkMode images
