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.

Overview

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 added into the collection. This is a continuous project where each milestone is/are some new feature(s) added to it.

Built With

  • HTML5
  • CSS3
  • JavaScript
  • Git
  • Following a Medium fidelity wireframe

Preview

Website preview

Live Demo

Live Demo Link

Getting Started

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

Prerequisites

  • HTML5 & CSS3
  • JavaScript
  • VSCode (or any other text editor)
  • Git
  • GitHub
  • Command line/Terminal

Setup

From the command line, do the following steps below:

  1. Clone the projects' repository into your machine.
# Clone this repository
$ git clone [email protected]:eudondian/Awesome-books.git
  1. Change directory/Go into the repository with the command below.
$ cd Awesome-books

Author

👤 Esther Udondian

Collaborators

The collaboration was through remote pair-programming

👤 Losalini Rokocakau | GitHub: @chelmerrox

🤝 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

  • Our God & families
  • Microverse
  • Coding & Learning Partners:
    1. Losalini Rokocakau
  • Nicholas Mutale for the extra help & guidance
  • Morning Session Teams
  • Stand-Up Teams
  • Microverse TSEs

📝 License

This project is MIT licensed.

You might also like...

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 single-page application displays a site where users can add/remove books from an interface and navigate between sections using ES6 Js.

Awesome Books - ES6 Web app that allows to add and remove book's data using Javascript and ES6 conventions. Built With HTML CSS Javascript ES6 Prerequ

Aug 19, 2022

This is a simple web application of a To-do List in which you can add, remove and edit all your tasks and also you can mark each task as completed and delete all completed ones.

To-Do List A simple web application of a to do list Built With HTML, CSS, JS, ES6 & Webpack Getting Started In this repository I created To-Do List SP

Apr 11, 2022

A simple To-do app project made using JavaScript ES6 and Webpack - Microverse. You can add, remove, check tasks, and remove all the tasks that were done at the same time. Feel free to see the live version, if you like it please give it a star!

To Do List a to do list javascript app buit using webpack and es6. Built With HTML CSS JavaScript Wepack Live Demo (if available) Live Demo Link Getti

Dec 17, 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 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

Microverse Module 02 Project: This is an educational project to make a TodoList web application, where the users can add new todo, remove todo, edit todo, mark todo as completed, and remove all completed todo. Built with Webpack

todo-list This project is about building a list of To Do tasks. Where you can save your daily activities and help in daily evaluation. Live demo you v

Jan 3, 2023

This is a project being built to show the usage of Webpack. It's an application were you are able to add a task to the list, and remove a task from the list

Microverse Project To Do List This is a project being built to show the usage of webpack. Its an application were you are able to add a task to the li

May 6, 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
Comments
  • Milestone 3 - A complete website with navigation

    Milestone 3 - A complete website with navigation

    Hi! This PR is for milestone 3. We've completed its requirements to:

    • modify the Awesome books application to have:
    1. A Navigation bar.
    2. Three content sections: a) Books list. b) Add book form. c) Contact info.
    • use a wireframe as a guide
    • change the main areas to display only one of the three content sections when you click on any of the links
    • use only plain JavaScript and CSS & not use any library or framework

    Thanks in advance for your review, comments & help!

    opened by chelmerrox 0
  • Milestone 2 - Refactor to use JavaScript classes

    Milestone 2 - Refactor to use JavaScript classes

    Hi! This PR is for milestone 2. We've completed its requirements to:

    • use JavaScript classes
    • create class methods to add and remove books.
    • maintain all of the original functionality of the application (i.e. no bugs were introduced while refactoring).
    • use only plain JavaScript and not any library or framework
    • add CSS styles to the application to make it match the wireframe
    • concentrate on the general layout, rather than the details.

    Thanks in advance for your review, comments & help!

    opened by chelmerrox 0
  • Milestone 1 - Awesome Books Plain Javascript with Objects

    Milestone 1 - Awesome Books Plain Javascript with Objects

    Hi! This PR is for milestone 1. We've completed the requirements to:

    • Implement only a basic UI with plain HTML
    • Create a collection that keeps a list of books
    • Create a function to add a new book to the collection, with title and author.
    • Create a function to remove a book from the collection
    • Display all books saved in the collection in the top part of the page.
    • When a user clicks the "Add" button: a) A new book is added to the collection. b) The new book is displayed on the page.
    • When a user clicks the "Remove" button: a) The correct book is removed from the collection. b) The correct book disappears from the page.
    • Make sure that data is preserved in the browser's memory by using [localStorage]

    Thanks in advance for your review, comments & help!

    opened by chelmerrox 0
Owner
Esther Udondian
Software developer: major inter in Rails, part-time fashion designer; Stack in JavaScript, Ruby, Rails, React, Redux. Open to new opportunities.
Esther Udondian
Elizabeth Oyinlade Ojesanmi 10 Sep 14, 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
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
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
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

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