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.

Overview

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..

Built With

  • HTML
  • CSS
  • JavaScript

Live Demo

Not available yet but checkout this cool GIF

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

  • Having VsCode installed and configured.
  • Having Git installed and configured.

Setup

  • Clone the repository.
  • Open the project folder in VS Code.

Authors

👤 Author1

👤 Author2

🤝 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

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

Comments
  • Make website spa

    Make website spa

    Make website spa (single page application)

    In this pull request, the following was completed:

    • [x] Design Navbar using nav and li
    • [x] Use index.js to add interactions to the DOM
    • [x] Make design match template
    enhancement 
    opened by didierganthier 0
  • Use class to add and remove

    Use class to add and remove

    Javascript Classes

    In this pull request, the following was completed:

    • [x] Create a Book class and and a constructor
    • [x] Create add method to add Books to the books array and to localStorage
    • [x] Create remove method to remove Books to the books array and to localStorage
    enhancement 
    opened by didierganthier 0
  • Peer to Peer Review

    Peer to Peer Review

    Hello @Javivy :wave:

    Great work and effort you have put into this project so far :+1:

    Highlights 👍

    • Good use of Semantic HTML concepts. 💯
    • Good use of styles. 💯
    • Descriptive commit messages 💯

    Required Changes ♻️

    However, there are some issues that you still need to work on to go to the next project but you are almost there!

    • Please update the live demo in the readme file.

    You should know there is always room for improvement. Your long hours of work are very much appreciated. However, the code review process is for improving your code, not for criticizing it.

    opened by Obote 0
  • Add and Remove Books

    Add and Remove Books

    Add and Remove Books

    In this pull request, the following was done:

    • [x] Add books to HTML using index.js
    • [x] Add books to localStorage
    • [x] Add books using books array of objects
    • [x] Remove books from HTML using index.js
    • [x] Remove books from localStorage
    enhancement 
    opened by didierganthier 0
  • Configure Linters

    Configure Linters

    Configure Linters and NPM

    In this pull request, the following was achieved:

    • [x] Add .github/workflows/linters.yml to add linters for GitHub Actions
    • [x] Add .stylelintrc.json along with .hintrc and .eslintrc.json
    • [x] Installed npm packages to test linters locally
    enhancement 
    opened by didierganthier 0
Owner
Didier Peran Ganthier
Always deliver more than expected, be good to people and trust God always
Didier Peran Ganthier
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.

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 & a

Jules Edozie 7 Oct 24, 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 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
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
Emem Ekpo 7 Sep 9, 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 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

Santiago Cárdenas 6 May 11, 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.

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

Miftah Amin 16 Feb 28, 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
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
"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

Roberto A. Baños Alvarez 8 May 9, 2022
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

Adel Guitoun 8 Oct 18, 2022
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

Apuabi Titilope 9 Aug 12, 2022
Esther Udondian 6 Aug 1, 2022
In this project, I built a basic website that allows users to add/remove books from a book list.

Awesome-Books In this project, I built a basic website that allows users to add/remove books from a book list. Preview.mp4 Built With HTML - HTML5 CSS

Kyrillos Hany 9 Mar 23, 2022
In this project, I will build a basic website that allows users to add/remove books from a list.

Awesome-books In this project, We will build a basic website that allows users to add/remove books from a list. Built With HTML 5 CSS 3 JavaScript Get

Andrea Alvarez 7 Jun 21, 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

Juan Fco. Rosario Suli 6 May 27, 2022