Awesome books: plain JavaScript with objects

Related tags

Learning resource awesome-books
Overview

Awesome books: plain JavaScript with objects

Awesome books is an online book store. It's built with HTML, CSS and mostly JS based on a medium-fidelity wireframe given by Microverse. Adding and removing books from the DOM is made in JavaScript functionality. Also, the books are stored in the local storage so they are retreived when the page reloads.

Live demo https://silviatofana.github.io/awesome-books/

screenshot

Built With

  • HTML5
  • CSS3
  • Visual Studio Code
  • Git & Github

Getting Started

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

  • Clone repo into your machine. For this, I recommend the following steps:
  • Open the destination folder in your preferred file explorer
  • Open folder "awesome-books"
  • Open index.html

Prerequisites

Any modern web browser will do.

Setup

Follow the steps described before.

Author

👤 Silvia Tofana

👤 Kiprotich Kimutai

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the https://github.com/silviatofana/awesome-books.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • Microverse program
  • My code reviewers

📝 License

This project is MIT licensed.

You might also like...

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

Jul 1, 2022

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.

Javascript Project Awesome Books with ES6 Using Javascript to create a simple Awesome Books project. Populating the books list and then removing one b

Sep 28, 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 website is dedicated to be able to store books, add new books and delete books.

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

Jul 4, 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

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

Oct 3, 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

Dec 20, 2022

Awesome-Books project uses practical tests for JavaScript/Html and CSS functions.

Awesome-Books project uses practical tests for JavaScript/Html and CSS functions.

Awesome-Books project uses practical tests for JavaScript/Html and CSS functions. The project presents a basic website that allows users to add/remove books from a list.

Jan 31, 2022

Awesome book website, small online library to store books when added to the list we have implemented this using a plaint JavaScript!

microverse-m2-Awesome-books This project is about building Awsome Books using javascript Live demo Live Demo Link Built With -Lighthouse (An open-sour

Dec 27, 2022
Comments
  • Awesome books: refactor to use JavaScript classes

    Awesome books: refactor to use JavaScript classes

    Modify the Awesome books application to have: A Navigation bar. Three content sections. Books list. Add book form. Contact info. Use this wireframe as a guide. Make sure that when you click on any of the links, the main area changes to display only one of the three content sections. (Hint: you can simply add and remove CSS classes to display or hide the content.) To change the contents of the page, don't use any library or framework, use only plain JavaScript and CSS.

    opened by silviatofana 3
  • Peer to Peer: code review

    Peer to Peer: code review

    Code review

    • Good job so far

    optional changes

    • please update your readme screenshots to add the latest ones for visual presentation.
    • preventing the default behavior of the browser by using the event.preventDefault ()
    opened by HanningtoneM 0
Owner
Software developer, Rails enthusiast, part-time accountant. Stack: JavaScript, Looking for my next job!
null
GitHub
"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
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
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

Esther Udondian 6 Aug 1, 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
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. 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
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
This project is about the awesome books we did during Microverse to build a website for adding and removing the books.Done using HTML and ES6 JAVASCRIPT and modules

Awesome-books-with-ES6 Description the project. this project is about the awesome books we did during Microverse to build a website for adding and rem

Ilham Bouaik 5 May 28, 2022