In this project, I built a basic website that allows users to add/remove books from a book list.

Related tags

Learning resource javascript css html
Overview

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 - CSS3
  • JavaScript - OOP

Additional tools

  • Google fonts

Live Demo

Awesome-Books

Getting Started

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

git clone [email protected]:Bondok6/Awasome-Books.git

Authors

👤 Kyrillos Hany

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

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.

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

Nov 1, 2021

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

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.

Mar 29, 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

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.

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

The Bookstore is a website that allows the user to :display a list of books , Add a book and remove a selected book.

Book Store The Bookstore is a website that allows the user to : -Display a list of books. -Add a book. -Remove a selected book. Built With 🔨 Basic CS

Sep 6, 2022

BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book.

BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book.

Project Name : BookStore CMS BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book. In or

Aug 22, 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

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

Jun 21, 2022

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.

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 This is an Awesome Books web page where a user can add or remove books from the site. It also displays a list of the books that are adde

Aug 1, 2022
Comments
  • Peer to Peer Code Review

    Peer to Peer Code Review

    Hey Kyrillos

    Awesome Job on the code so far.

    To highlight a few features that I liked

    • All the little personalization, like the Hover effects on the links and the buttons
    • The implementation of the logic

    A few suggestions I would like to make

    • A span to tell when the book has been added or if the book is already there
    • There's a slight bug with the id implementation of the books, but it's nothing major and just requires slight changes :)
    opened by zhadier 3
  • Awesome books: a complete website with navigation

    Awesome books: a complete website with navigation

    • Added the Navigation bar.
    • Added Three content sections:
      • Books list.
      • Add book form.
      • Contact info.
    • When the user clicks on any of the links, the main area changes to display only one of the three content sections.
    Thanks for your time 🙏
    opened by Bondok6 0
  • Awesome books: refactor to use JavaScript classes

    Awesome books: refactor to use JavaScript classes

    • Used JavaScript classes instead of objects and arrays.
    • Created Books class and added add and remove methods.
    • Add CSS styles to the application to make it match this wireframe.
    Note: I worked on this project solo because I didn't have a coding partner.

    Thank you for your time 🙏

    opened by Bondok6 0
  • Awesome books: plain JavaScript with objects

    Awesome books: plain JavaScript with objects

    • Implement only a basic UI with plain HTML based on the low-fidelity wireframe.
    • Create a collection that keeps a list of books.
    • Implement functions to allow users to add/remove books from a list.
    • The data is preserved in the browser's memory by using localStorage.
    • Deployed the project Awasome-Books
    Note: I had no coding partner, so I made all commits

    Thanks for your time

    opened by Bondok6 0
Owner
Kyrillos Hany
Front-end Developer, In love with React and Redux || Chess lover || B.CS || Open to new opportunities.
Kyrillos Hany
GitHub https://bondok6.github.io/Awesome-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

Olivier 6 Nov 20, 2022
This project will be a basic website that allows users to add/remove books from a list. The main objective is to understand how to use JavaScript objects and arrays and dynamically modify the DOM and add basic events.

Awesome-books Awesome Books This project will be a basic website that allows users to add/remove books from a list. This project is part of the Microv

Aleksandra Ujvari 10 Oct 3, 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 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 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 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
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
"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
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