The car rental application enables you to rent cars and display cars through the main factory company
Discover Vedio.
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
| Technology | Description | Version |
|---|---|---|
| Php | PHP language | ^8.0.2 |
| Laravel | Laravel backend framework | ^9.11 |
| 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 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
# 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="hello@example.com"
MAIL_FROM_NAME="${APP_NAME}"
########### 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 : admin@gmail.com
Password : admin
- Dynamic backend with laravel Backend framework
- Responsive front-end with dark mode and other widgets built using vue.js framework
- 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
- 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