https://github.com/wuletawwonte/vehicle-reservation-app
Vehicle Reservation application is a simple web application being built to track vehicle information with reserve, like and comment features.
https://github.com/wuletawwonte/vehicle-reservation-app
api eslint jest module stylelint webhint webpack
Last synced: about 1 year ago
JSON representation
Vehicle Reservation application is a simple web application being built to track vehicle information with reserve, like and comment features.
- Host: GitHub
- URL: https://github.com/wuletawwonte/vehicle-reservation-app
- Owner: wuletawwonte
- License: mit
- Created: 2022-04-11T14:20:47.000Z (over 4 years ago)
- Default Branch: develop
- Last Pushed: 2022-04-16T08:42:25.000Z (over 4 years ago)
- Last Synced: 2025-03-30T02:33:25.601Z (over 1 year ago)
- Topics: api, eslint, jest, module, stylelint, webhint, webpack
- Language: JavaScript
- Homepage: https://wuletawwonte.github.io/vehicle-reservation-app
- Size: 1.24 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# vehicle-reservation-app
> Vehicle Reservation application is a simple web application being built to track vehicle information and has the features listed below.
Our goal here is to Build a Vehivle reservation application with add and remove feature from scratch using JavaScript. click [here](https://wuletawwonte.github.io/vehicle-reservation-app) to see deployed live version
### Features implemented are:
- Responsive HTML page
- List vehicle information
- Comment on a vehicle information
- Like a vehicle
- Reserve a vehicle
## Live server
[Link to the live server](https://wuletawwonte.github.io/vehicle-reservation-app)
## Built With
- Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).
- Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).
- Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
- ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)
- Luxon (A library for dealing with dates and times in JavaScript.)
To get a local copy up and running follow these simple example steps.
### Prerequisites
The basic requirements for building the executable are:
- A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
- VSCode or any other equivalent code editor
- Node Package Manager (For installing packages like Lighthous, webhint & stylelint used for checking for debugging bad codes before deployment)
# Getting Started
#### Cloning the project
```
git clone https://github.com/wuletawwonte/vehicle-reservation-app.git
```
#### Install webpack and jest packages
```
npm install
```
## Getting packages and debuging with Stylelint
```
npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
```
##### For validation detection using Stylelint Run
```
npx stylelint "**/*.{css,scss}"
```
##### from parent source directory
## Getting packages and debuging with ESlint
```
npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
```
##### For validation detection using Stylelint Run
```
npx eslint .
```
##### from parent source directory
## Getting packages and debuging with Webhint
```
npm init -y
npm install --save-dev hint@6.x
```
##### For validation detection using Webhint Run
```
npx hint .
```
##### from parent source directory
## License
All source code files are licensed under the permissive **[MIT](./LICENSE.md)** License unless marked differently in a particular folder/file.
## Authors
👤 **Wuletaw Wonte**
- GitHub: [@wuletawwonte](https://github.com/wuletawwonte)
- Twitter: [@wuletaww](https://twitter.com/wuletaww)
- LinkedIn: [LinkedIn](https://linkedin.com/in/wuletaw-wonte)
👤 **Ciragane Nicole**
- GitHub: [@ciraganenicole](https://github.com/ciraganenicole)
- Twitter: [@CiraganeN](https://twitter.com/CiraganeN)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/nicole-ciragane-19a3071bb/)