Awesome Books project : An online Book Library. Storing book information using local storage and displaying it as a list on HTML page

Related tags

Learning resource dom-manipulation html-css-javascript
Overview

This is project is my based on building an online Book Library. Storing book information using local storage and displaying it as a list on html page

Project Title : My Awesome Books

Built With

  • CSS
  • HTML
  • JavaScript

Live Demo (if available)

Live Demo Link

Getting Started

To use this repositpry you will need to Clone this repository to your machine. A .gitignore file is already created to ignore any file that is irrelevant, especially your node.js file. A linter is already set up to help you check for errors in your codes

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

Prerequisites

Tap on the code option in the repo, then you copy the link to the repo provided

Setup

Open your git bash or your IDE terminal then use the git command to clone it to your machine

Install

The folder will then be installed in your machine.

Usage

You can edit codes and make changes, dont forget to give credits to me

Run tests

Linters are already setup in the repo for error checks

Authors

👤 Richard Chileya

Contributions, issues, and feature requests are welcome !

Feel free to check the issues page.

Contributor Mudasir Sherwani (https://github.com/MudasirSherwani)

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.

Comments
  • Awesome- books - with Javascript Classes

    Awesome- books - with Javascript Classes

    In this Section we: Added a new branch for classes Updated the script file using classes with methods styled the book display to suit the design template

    opened by RichardChileya 1
  • Friday Morning Peer-to-peer code review

    Friday Morning Peer-to-peer code review

    Hi, we found some issues in the software, and here are some suggestions we've come up with:

    • In the JS file, try to add code that looks for the book duplicates
    • Remove transparency in the footer
    • Add some width to the list so as to avoid overflow from books with long titles
    opened by kaizipaul 0
  • Awesome Books - javascript -classes

    Awesome Books - javascript -classes

    In this Section we:

    • Added a new branch for classes
    • Updated the script file using classes with methods
    • Styled the book display to suit the design template
    opened by RichardChileya 0
  • Peer Code Review - Week 6

    Peer Code Review - Week 6

    Nice work :+1: , but for more semantic meaning you can:

    • Put all your elements after the body tag in a main tag which also helps with SEO.
    • Divide your code based on the section tag wrapping your h1 element in a header tag.
    • Using the alert function in your javascript file is also not best practice due to the less control of customization you have over it.

    Happy Coding! :smiley:

    opened by LIBERCOSOFT 0
  • Awesome Books/ task 1(Local storage and delete button)

    Awesome Books/ task 1(Local storage and delete button)

    In this Section We:

    • Added a new branch
    • Added linters files
    • Create the required HTML, CSS and Javascript files
    • Added local storage function and delete button
    opened by RichardChileya 0
  • Peer to Peer Code Review

    Peer to Peer Code Review

    Hi @RichardChileya Richard, It's an Amazing Work. Considering the quality of work, we very much appreciate the hard work that you have put into this level however we suggest just a few changes to achieve mastery

    • If you could Align the Footer evenly with the header since it seems to dock more to the right of the page.
    opened by canon20paul 0
Owner
Richard Chileya
Hi, I'm Richard. A Full-Stack student @microverseinc. Proficient in: JavaScript | Webpack | React. I'm available for Hire
Richard Chileya
GitHub
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 Book App displays the book details entered by user and saves the information in Local storage. User can add and remove a book title/author to the library and from the library.

Awesome Book App with ES6 Used npm init -y command to create package.json file. Created the entry point for the JavaScript code called index.js Create

Krishna Prasad Acharya 8 Aug 15, 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.

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
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
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 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
On this page, you can save and load all the awesome books you have and save the name and the author into the local storage. this project uses Javascript to interact with the pages

Awesome Books: refactor to use JavaScript classes In this project, We add the links to the applications into the final project Getting Started if you

Cesar Valencia 8 Nov 29, 2022
Awesome-book is an online library website where a user can store a collection of books. Different book can be added and removed. Built with JavaScript using Dom

Awesome-book Description Awesome-book is an online library website where a user can store a collection of books. Differents book can be added and remo

tarike bouari 8 Sep 9, 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 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. 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 project is an online library application that enables users to keep track of books in their library by adding to and removing books from a list. Built with JavaScript ES6 syntax, HTML, and CSS

Awesome-Book1 The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules. The

Afolabi Akorede 7 Jul 17, 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

Oybek Kayumov 16 Dec 27, 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 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
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
The awesomebooks project is a simple list, but separated into 3 parts and given a retro feel. The main page is where we can add books, and on another page we can see the list, and remove items. There is also a "contact-us" page.

Awesome Books This is the restructured version of the famous awesome-books project! Here you can find JavaScript broken into modules, using import-exp

Matt Gombos 12 Nov 15, 2022
A web app which help you to save you a list of your favorite books, they will be saved on your local storage to never loose them even if you close the page. Built wiht JavaScript

Awesome Books In this project I build a page to save a list of your favorites books, you can add new books, delete it and they will be saved in the lo

Williams Colmenares 9 Dec 17, 2022