mwenyoa / awesomebooks

Awesome Books is project written in plain Vanilla JavaScript that has the functionality of adding a book to the store, displaying it and as well as removing from the bookstore. Its uses local storage for data presevation. This vision of the project uses modules and ES6 syntax

AwesomeBooks

Awesome Books is project written in plain Vanilla JavaScript that has the functionality of adding a book to the store, displaying it and as well as removing from the bookstore. Its uses local storage for data presevation. This project also Includes ES6 modules and Arrow functions implementation.

Built With

• HTML
• CSS
• Javascript
• Font Awesome CSS library
• Luxon Library

Live Demo

See live demo here: https://mwenyoa.github.io/AwesomeBooks/

Getting Started

To get a local copy up and running follow these simple example steps.

Setup

• Run git clone(https://github.com/mwenyoa/AwesomeBooks.git)

Install

• Run [npm install] to install all project dependencies

Run tests

• Run [npx hint .] to test the markup or HTML
• Run [npx stylelint "/.{css,scss}] to test the stylesheet
• Run [npx eslint .] to test and check Javascript files.

Prerequisites

• Have some knowledge about HTML, CSS, and Javascript.
• Javascript Dom Manipulation.
• Arrays inJavascripts.
• Understanding of github and github workflow.
• Be familiar with version control system like git.
• Understanding of Linters basics.
• Familiarity with flexbox.
• Classes and Ojects in javascript
• Javascript Modules
• ES6 Syntax

Author

👤 Anthony Mwenyo

• GitHub: @mwenyoa
• Twitter: @anthony_mwenyo
• LinkedIn: @anthony-mwenyo

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.

awesomebooks's Issues

Peer-to-Peer Code Review: Awesome Books Project

Hi @mwenyoa 😎

Good Feedback 👍

• Have use HTML semantic tags. ✅
• Good CSS styling. ✅

Here are the following suggestions:

• We suggest putting the footer on the bottom of the viewport to make it fixed.
• We suggest putting the modules in a separate folder to make your project more organized.
• We suggest optimizing the code by calling the redundant line of codes inside a method/function. This is to follow the DRY JavaScript practice.
• We suggest putting some declarations in the global scope. This is to avoid redundancy in your code.
• We suggest improving the layout of the list of books section to make it more pleasing.
• We suggest including .vscode folder in the .gitignore file so it will not be shown in your repository.

---

Cheers and Happy coding!👏👏👏

Feel free to leave any questions or comments in the PR thread if something is not 100% clear.