Coder Social home page Coder Social logo

abderrahmaneamerhhi / car_rental_app Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 2.0 5.73 MB

car rental application with laravel and vuejs

Home Page: https://abderrahmaneamerrhi.com/

License: MIT License

PHP 2.07% CSS 3.64% JavaScript 92.19% Vue 2.06% SCSS 0.01% Blade 0.03%
backend-api car carrentalproject carrentalsystem crud-api crud-application crudapi frontend-web laravel laravel9 laravel9x php php8 simple-app simple-project vuejs vuejs3 composition-api

car_rental_app's Introduction

portfolio linkedin

License

MIT License

The car rental application

The car rental application enables you to rent cars and display cars through the main factory company

Discover Vedio.

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

  # 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

# 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

  ########### 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 cats image manage cats image manage cats image

Manage vehicles

manage car image1 manage car image2

manage admin profile

manage admins image1

Manage Orders

manage Orders image1

Some user side images

User Login Register

User Login image User Register image

Home

 home image1  home image1  home image2

Contact Us

 Contact image1

Some DarkMode images

  User DarkMode image1   User DarkMode image2

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.