Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 19 days ago
JSON representation

Vehicle Reservation application is a simple web application being built to track vehicle information with reserve, like and comment features.

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)
![snapshothomepage](https://user-images.githubusercontent.com/12524453/163665480-51f00a1a-453e-4f6a-affe-814557a16df7.png)

## 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 [email protected] [email protected] [email protected] [email protected]
```

##### For validation detection using Stylelint Run

```
npx stylelint "**/*.{css,scss}"
```

##### from parent source directory

## Getting packages and debuging with ESlint

```
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```

##### 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 [email protected]
```

##### 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/)