Microverse Awesome Books ES6

Last update: Aug 3, 2022

Overview

Microverse-Awesome-Books-ES6

This is a Microverse (@microverseinc) project which aims at creating a books library in which we can add/remove books, and view the available books.

Requirements

Build a books library using:

HTML5 and CSS3 along with best practices.
Linters (Lighthouse, Webhint, Stylelint, Eslint).
JavaScript (ES6).
Luxon library.

Built With

HTML5
CSS3
JavaScript (ES6)
Linters (Lighthouse, Webhint, Stylelint, Eslint)
Luxon library

Live Demo

Check out the live demo here.

Getting Started

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

Prerequisites

A web browser (like Google Chrome, Opera...).
A code editor (like Atom, VScode...).

Setup

To setup the webpage locally: click on "Code" (dropdown list) then "Download ZIP".

Deployment

To run the project open the downloaded folder (after extraction) then run the "index.html" file in your browser.

Authors

👤 Manel Hammouche

GitHub: @ha-manel
Twitter: @hamanel
LinkedIn: Manel Hammouche

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Hat tip to code reviewers and to everyone who reviewed the project and made suggestions.

📝 License

This project is MIT licensed.

Comments

Peer to peer code review
hiding validations errors using timeout Line 26 could cause confusion in the user experience I would recommend using onChange event listener to hide them ...

Using array.filter() is much recommended than using array.splice(index, 1);

there's multiple usage of localStorage.setItem(); putting it in its own function will maker your code DRY and shorter example const saveData = (array) =>localStorage.setItem('books',array);

you can add an active class to the navbar items to highlight the page that is in use

You can capitalize the first letter of the word with CSS instead of js in book.js

add luxon in the stack you used to build project
opened by ichala 0
Awesome books: With ES6
🎯 In this branch I:

Created modules folder which contains the books class and luxon script.

Added date and time using luxon library.

Refactored my methods and functions to arrow functions.

Used ES6 let and const.
opened by ha-manel 0

Microverse Module 02 Project: This is education project that allow user to add desire books to the list and also delete books. It makes use of local storage to preserve the data on the web browser.Built with HTML, CSS, JavaScript

Project Demo Live Demo AWESOME BOOK PROJECT Project allow user to add desire books to the list and also delete books. It makes use of local storage to

Dec 3, 2022

A simple api to get data of microverse's staff members, made for microverse students so they cann implement them in their projects

Microverse Staff Api Api for some microverse staff members Built With Express NodeJs MongoDB (Mongoose) JavaScript Base URL https://microverse-staff.h

Sep 29, 2022

Awesome books with ES6

This is a single-page website that allows you to create a to-do list. Users can add, modify and delete items. Also it allows to check their tasks and erase all completed ones. Built with HTML, CSS, JavaScript to make the website more user-interactive and Webpack

May 20, 2022

This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built with HTML, CSS, JavaScript.

Awesome Books with ES6 This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built

Jul 21, 2022

The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.

Awesome-Books-ES6 The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.

Aug 18, 2022

Great web App to make a list of awesome books to read. Made with ❤️, JavaScript ES6 Modules.

Awesome Books A basic app project built with HTML, CSS and JS to keep track of awesome books. Built With HTML/CSS & JS best practices: Correct use of

Sep 20, 2022

This is the awesome books project, refactored to use ES6 syntax and modules

Awesome Books ES6 This is the Awesome Books ES6 project for the second week of the second module in the microverse program. Built With HTML/CSS Javasc

Aug 4, 2022

Restructure my Awesome books app code. The goal is to make it more organized by using modules and also practice the ES6 syntax.

Awesome Book In this project, I rebuild a basic website that allows users to add/remove books from a list using ES6 Built With HTML CSS Javascript Get

Aug 15, 2022

This project is based on the Awesome Books app repo, refactored with ES6 and organized with modules. The purpose of this project is to learn functionality organization using JavaScript modules.

Awesome Books with ES6 and modules A basic app project built with HTML, CSS and JS ES6 to keep track of awesome books. Built With HTML/CSS and JS best

Aug 27, 2022

Microverse Awesome Books ES6

Related tags

Overview

Microverse-Awesome-Books-ES6

Requirements

Built With

Live Demo

Getting Started

Prerequisites

Setup

Deployment

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

You might also like...

Comments

🎯 In this branch I:

Owner

Manel Hammouche

Awesome Books project with ES6 is an application that was built using Vanilla JavaScript with ES6 features like using arrow functions. This application allows you to keep records of your favorite books.

Microverse Awesome Books ES6

Awesome book with ES6, this project is build using HTML,CSS, JavaScript ES6 the project allows you to add books and save them with the author , for another time checks

In this project, I restructure my previous Awesome books app code. The goal is to practice ES6 syntax and also make the code more organized by using ES6 modules.

Awesome books is a simple website that displays a list of books and allows you to add and remove books from that list

"Awesome books" is a simple website that displays a list of books and allows you to add ang remove books from that list. Also you can store your data in your local storage. Build with JavaScript, HTML and CSS.

"Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list.

This is an Awesome Books web page where users can add or remove books from the site. It also displays a list of the books added to the collection. This was a continuous project, where in each milestone, new feature(s) was/were added to it.

"Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. By building this application with JavaScript, the website is more interactive!

Awesome Books is a basic website that allows users to add/remove books from a list (including the title and author). It has threee different sections: 1. books list, 2. add new book, 3. contact.