A library management system that built with JavaScript, HTML, and CSS. Allows the user to add new books and delete books.

Related tags

Learning resource javascript css html
Overview

Awesome books: with ES6

in this project:

  • Set up the linters for html, css, and JavaScript.
  • Create a popup window for desktop and mobile.

Built With

  • Html
  • Css
  • JavaScript
  • VS Studio
  • Git Bash

Live Demo (if available)

Not Available

Getting Started

This is an example of how you may give instructions on setting up your project locally. Modify this file to match your project, remove sections that don't apply. For example: delete the testing section if the currect project doesn't require testing.

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

Prerequisites

  • HTML & CSS & JS

Setup

  • linters for HTML, CSS and JS

Run tests

  • Open your terminal, move to the directory where you want to clone the app (i.e cd Documents)
  • Enter git clone [email protected]:ibr5500.github.io/Awesome_Books_ES6/
  • Change to the directory you just clone into (i.e cd Awesome_Books_ES6)
  • Open index.html from the list of files in your left handside
  • Right click on your opened index.html file and launch the live server to preview
  • Include any possible changes and run "git add ."
  • Commit the changes with a descriptive message (i.e xyz features added)
  • Push the changes to changes to the repository (i.e git push)

Deployment

Author

👤 Ibrahim Ahmat

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Please give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

You might also like...

In this project, I built a basic website that allows users to add/remove books from a list using HTML/CSS to build the app and JavaScript to add functionalities. This project was organized using modules and ES6 syntax implemented.

Awesome books: with ES6 Description the project. Built With HTML CSS JAVASCRIPT Live Demo (if available) Live Demo Link Getting Started This is an exa

Sep 9, 2022

The LMS (Life Management System) is a free tool for personal knowledge management and goal management based on Obsidian.md.

The LMS (Life Management System) is a free tool for personal knowledge management and goal management based on Obsidian.md.

README Documentation | 中文帮助 The LMS (Life Management System) is a tool for personal knowledge management and goal management based on Obsidian.md. It

Dec 21, 2022

A simple HTML list of To Do tasks built using webpack, JS ES6 and CSS. This app allows users to add and delete tasks to organize their days.

To-Do List "To-do list" is an app that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as compl

Sep 26, 2022

ToDoList app helps users make their day organized and user can add tasks, delete completed tasks.Build with Javascript, HTML, CSS

ToDoList Description the project. This project we will help you organize your day. Add tasks Delete tasks And clear all tasks keep your list clean. Bu

Oct 11, 2022

Module '2' Week two '2' project. The following technologies are used: HTML, CSS , Webpack, and JavaScript. Features of this app are rendered dynamically. It allows user to pinned or add task the will be doing on it. Local storage session is implemented. Task stay on app when user refresh or reload page. Task can be checked when completed.

To Do list: Description the project. Built With Major languages Frameworks Technologies used Screenshot of project Built With HTML, JAVASCRIPT, CSS, a

Nov 4, 2022

This is a project that allows users to add/remove books from a list. we accomplish this by using a JavaScript object. Built with JavaScript, Html and CSS.

Awesome-book This is a project that allows users to add/remove book from a list. we accomplish this by usig javascript oject. Built With HTML5 CSS3 Ja

May 27, 2022

This is an app built with HTML, CSS and JavaScript to store a list of to-do. You can add, and delete from list.

To Do List This is an app built with HTML, CSS and JavaScript to store a list of to-do. You can add, and delete from list Built With HTML CSS JavaScri

Jul 1, 2022

To Do list is a small but useful project to make list app , you can add tasks delete tasks and modify tasks, the project built using HTML, CSS, JavaScript

Project Name The To-Do-List app description this is a project in the second week of the second module in microverse. its a useful to do list that save

Jul 25, 2022

A simple to do list app built with HTML, CSS and JavaScript. Users can add daily tasks, edit the tasks, delete the tasks when it's done

To Do List This is a website that allows users to manage the tasks. users can add every task to do and when the task is done users can delete the task

Jul 21, 2022
Comments
  • Peer To Peer Morning Session

    Peer To Peer Morning Session

    • in line Line 41 from index .js theres no need to create a new constant newBooks , you can update your array directly like this: booksList = booksList.filter((book) => book.id !== id);
    • Using Math.random() for a unique id can cause issues and repeated I would ! i would suggest using a date-time related id / or simply using this uuid npm
    • I noticed multiple uses of localStorage.setItem in different functions , putting it in a private function will reduce code length and repeats , example : const saveLocal(array) = () =>{ localStorage.setItem('books', JSON.stringify(array)); }
    • it would be better for accessibility purposes to add a demo link to your Readme.MD file.
    opened by ichala 0
Owner
IBRAHIM AHMAT
Software developer, part-time athlete (Track). JavaScript, React. Looking for my next job!
IBRAHIM AHMAT
GitHub https://ibr5500.github.io/Awesome_Books_ES6/
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

Ajayi Ridwan 8 Dec 3, 2022
The Frontend of Escobar's Inventory Management System, Employee Management System, Ordering System, and Income & Expense System

Usage Create an App # with npx $ npx create-nextron-app my-app --example with-javascript # with yarn $ yarn create nextron-app my-app --example with-

Viver Bungag 4 Jan 2, 2023
A Todo list app that allows the user to add tasks, delete, edit, chage, and clear all completed tasks. Built with JavaScript, CSS and Html.

To Do list: interactive list description: A todo list app that allow users to add new task, delete, edit, and clear all completed.Built with JavaScrip

IBRAHIM AHMAT 7 Aug 4, 2022
This website is dedicated to be able to store books, add new books and delete books.

awesome-books This is a book shelve website dedicated to store collection of books, add new books and delete books. In this project, you will be using

Okoroji Victor Ebube 11 Jul 4, 2022
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.

awesomeBooks-modules Awesome Books is a basic website that allows users to add/remove books from a list (including the title and author). It has three

Juan Diaz 6 Aug 26, 2022
"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 Creating an app that adds and delete books from a list. Built With HTML CSS JavaScript Application Page url https://TimmyChan99.github.i

Fatima Ezzahra elmenoun 5 Jan 28, 2022
This is an educational and simple website that displays a list of books and allows you to add and remove books from that list built with HTML, CSS, JavaScript. The goal is to make it more organized by using modules and practice the ES6 syntax in the first Module

Awesome books ES6 This is a website that allows users to add and remove books from a list. This project is build using JavaScript objects Built With H

Mustafa Fahimy 7 Jul 21, 2022
A single-page application that allows users to keep track of their books. Users can add the book details (book title and author) and also, and the books can also be removed. Built with JavaScript, HTML, and CSS

Project Name Awesome book with ES6 Description the project. This is a single page application that allows users to keep track of their books. Users ca

Micheal Oguntayo 4 Oct 13, 2022
A simple todo list app that allows users to add, delete, edit, and clear all completed tasks, built with HTML, CSS, Javascript and webpack.

todo list In this website you will add books and also watch the lists of books. Built With HTML CSS JavaScript See Live click here Authors ?? HaaDiiii

Hamid Ali 10 Oct 7, 2022
To do list is a simple CRUD application that allows you to add, delete, update tasks that you are supposed to do. It is built with HTML, CSS and JavaScript

to do List To do list is a simple CRUD application that allows you to add, delete, update tasks that you are supposed to do. Built With HTML-5 CSS3 Ja

Lynette Acholah 11 Jun 7, 2022