Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 3 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.
- Host: GitHub
- URL: https://vikipretium.github.io/awesome-books-project/
- Owner: vikipretium
- Created: 2022-02-07T12:37:46.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-02-11T19:18:33.000Z (over 2 years ago)
- Last Synced: 2024-05-20T06:13:40.257Z (6 months ago)
- Topics: css, dom-manipulation, eslint, html, javascript, localstorage, stylelint
- Language: CSS
- Homepage:
- Size: 505 KB
- Stars: 1
- Watchers: 3
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
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.