This is a basic app that allows user add/remove books from a list of books. It was created by using JavaScript arrays and objects to dynamically modify the DOM.

Related tags

Learning resource javascript html css3
Overview

Awesome-Books

This application lets you compile a dynamic collection of books using JavaScript. It is a single page app. You enter your book title & author in the Add Book section, and it appears on the List section.

Built With

  • HTML
  • CSS
  • JavaScript

Getting Started

To set up, clone the project on your local system, and run it using a web browser.

Live Demo Link

View live link here

Authors

👤 @julzedz

👤 @divyanshthinks

🤝 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!

📝 License

This project is MIT licensed.

You might also like...

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

Hello! I am a software developer! I can help you build a product, feature or website. Take a look of my works. If you like what you see and have a pro

May 9, 2022

This is an Awesome books page, a basic website that allows users to add and remove books from a list. Built with JavaScript.

Aweasome-books This is our Awesome books page, a basic website that allows users to add/remove books from a list. Built With CSS HTML JavaScript Live

May 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

Awesome Books. In this project, I built a basic website that allows users to add/remove books from a book list. This project is build with JavaScript.

Awesome Books. In this project, I built a basic website that allows users to add/remove books from a book list. This project is build with JavaScript.

Event Page Awesome Books. In this project, I built a basic website that allows users to add/remove books from a book list. Built With HTML CSS JavaScr

Feb 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

Jul 21, 2022

Awesome Books is a basic SPA that allows users to add/remove books from a list.

Awesome Books is a basic SPA that allows users to add/remove books from a list.

Awsome Books This Project Awesome books is a simple webApp that displays a list of books and allows you to add and remove books from that list. Previe

Oct 18, 2022

This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add a book, view a list of books and also remove any un wanted books.

This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add a book, view a list of books and also remove any un wanted books.

Project Name This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add

Nov 20, 2022

jQuery-plugin for add/remove dom-items with renaming form-elements (arrays)

dynamicrows jQuery-plugin for add/remove rows by cloning existing row / renaming form-elements (arrays). Requirements jQuery =2.0 if move-action used

Nov 9, 2020

This is a basic website that allows users to add/remove books from a list using ES6

AWESOMEBOOKSES6 This project is aim at restructuring and organizing Awesome books with modules Getting Started step 1: Clone this repo locally using g

Aug 12, 2022
Comments
  • Tips to improve your code even more.

    Tips to improve your code even more.

    Hello dear, we have carefully reviewed your solution and found it excellent, and well organized. To highlight: 🎯

    • Good usage of HTML semantic elements.
    • No Linters error.
    • Good git flow control.

    Also here are some tips that will help you to improve your code even more. ❤️

    • To improve the for loop performance when we want to iterate over an array and we have to use the arr.length, it's a good practice to store the arr.length into a variable and use that variable in for loop condition. see.
    • Another method to filter an array and remove a specific item is to use the filter method, so we kindly recommend using the filter method as it is more appropriate.
    opened by MahdiSohaily 1
  • Single page application

    Single page application

    In this project, we(@divyanshthinks & @julzedz) converted the Awesome books application into a fully functional website. We refactored the project to add three new sections:

    • a Contact info section,
    • a Navigation bar
    • a Footer.
    opened by julzedz 0
Owner
Jules Edozie
A full stack developer (in-view). Stack: JavaScript, Ruby, Rails, React, Redux. Open to new professional opportunities.
Jules Edozie
GitHub https://julzedz.github.io/Awesome-Books/
Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the DOM and adding basic events.

Awesome Books Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the

Didier Peran Ganthier 6 Dec 20, 2022
The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Francis Ugorji 9 Nov 1, 2021
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 app is a basic website that allows users to add/remove books from a list. It is a single page app (SPA) which allow switching to different pages of the app without page load. Built with JavaScript.

Awesome Books ES6 In this project, I build a basic website that allows users to add/remove books from a list. using ES6 syntax and make it more organi

Abdulhamid 11 Jul 1, 2022
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

Emem Ekpo 7 Sep 9, 2022
This project 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 Awesome books webpage was created using ES6.

Awesome books App using Module Awesome books App using Module This book list was built using modules and other ES6 syntax. It allows users to add/remo

Esther Udondian 6 Jul 25, 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
"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 Description "Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. By

Cindy Dorantes 11 Oct 18, 2022
A simple task manager that allows that allows users to add, remove and modify tasks from a list.

TO-DO LIST TO-DO LIST is a basic app that allows users to add/remove task from a to-do list. Built With HTML, CSS, JavaScript, Live Demo Live Demo Lin

Shingirai Bhengesa 3 May 3, 2022
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 and remove books from that list. By building this application, you will learn how to manage data using JavaScript. Thanks to that your website will be more interactive. built with modern JavaScript and uses SPA technology.

Aniekan udo 9 Mar 29, 2022