Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://vikipretium.github.io/awesome-books-project/

Awesome books is a web app can help the user to add a list of books with authors. It have local storage functionality which helps user to store data in the brower.
https://vikipretium.github.io/awesome-books-project/

css dom-manipulation eslint html javascript localstorage stylelint

Last synced: about 2 months ago
JSON representation

Awesome books is a web app can help the user to add a list of books with authors. It have local storage functionality which helps user to store data in the brower.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# Awesome Books Project

> A web app to add your books in a digital shelf. This webapp is built with vanila javascript. A local storage option is added with this project, so that a user can store data in this is web app.

![screenshot](./assets/images/1.png)

![screenshot](./assets/images/2.png)

Additional description about the project and its features.

## Tech used

- HTML
- CSS
- JS
- Git

## Live Demo

[Live Demo Link](https://vikipretium.github.io/awesome-books-project/)

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

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 running, debuging, or installing dependancies to be used)




# Setup WebApp

#### Cloning the project

```
git clone https://github.com/vikipretium/awesome-books-project.git
```

## 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 Webhint

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

##### For validation detection using Webhint Run

```
npx hint .
```

## Getting packages and debuging with Eslint

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

```

##### For validation detection using Eslint Run

```

npx eslint .

```

## Author

👤 **Vignesh**

- GitHub: [@vikipretium](https://github.com/vikipretium)
- Twitter: [@vikipretium](https://twitter.com/vikipretium)
- LinkedIn: [vikipretium](https://linkedin.com/in/vikipretium)

👤 **Mwafrika Josue**

- GitHub: [@mwafrika](https://github.com/mwafrika)
- Twitter: [@mwafrika](https://twitter.com/mwafrikamufung1)
- LinkedIn: [mwafrika](https://linkedin.com/in/mwafrika-mufungizi)

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Hat tip to anyone whose code was used
- Inspiration
- etc

## 📝 License

This project is [MIT](./MIT.md) licensed.