Awesome Books is a basic SPA that allows users to add/remove books from a list.

Overview

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.

Preview

awsome-books

Built With

  • HTML5
  • CSS3
  • Bootstrap
  • JavaScript

Live Demo (if available)

Live Demo Link ๐Ÿš€

Getting Started

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

  • Clone this repo using this URL (link) or download it as a ZIP format from the green button above under the text Code.

  • Usage: inside the project folder looks for the index.html file and open it using your preferred web browser.

Authors

๐Ÿ‘ค Adel Guitoun

๐Ÿ‘ค Andrea

๐Ÿค 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.

Comments
  • PEER TO PEER CODE REVIEW.

    PEER TO PEER CODE REVIEW.

    Required Changes ๐Ÿ”

    Hi @adel-gu and @TechnoAndy

    This is @adnanolarmmi, your colleague.

    Good job so far ๐Ÿ‘ ๐Ÿ‘ Your Project is almost on point. There are a few changes you could effect to make it superb ๐Ÿ˜ƒ.

    Almost there pilot

    Highlights

    โœ”๏ธ All linters passing โœ”๏ธ Correct Gitflow โœ”๏ธDescriptive commit messages

    Required Changesโ™ป๏ธ

    • [x] Please, I advise that the Built with section in your README file should include other languages used e.g. CSS. ๐Ÿ™‚

    • [x] I suggest that you do away with options you aren't using in your README like the Live Demo, It should only be there if available. ๐Ÿ˜ƒ

    • [x] I also suggest likewise that you have a detailed description of how your code can be cloned and used in the Getting started section under your README file as well, You can use this template ๐Ÿ˜€

    Optional suggestions:

    Every comment with the [OPTIONAL] prefix is not crucial enough to stop the approval of this PR. However, I strongly recommend you take them into account as they can make your code better.

    • N/A

    Cheers and Happy coding!๐Ÿ‘๐Ÿ‘๐Ÿ‘

    Feel free to leave any questions or comments in the PR thread if something is not 100% clear. Please, remember to tag me [@AdnanOlarmmi ] in your question so I can receive the notification.

    Please, do not open a new Pull Request for re-reviews. You should use the same Pull Request submitted for the first review, either valid or invalid unless it is requested otherwise.


    opened by AdnanOlarmmi 2
  • Awesome Books Functionality

    Awesome Books Functionality

    Accomplishment in this PR ๐ŸŽฏ

    • Set up Project Linter for HTML, CSS, and JavaScript.
    • Create the HTML markup of the Awesome Books app.
    • Apply the Add and Remove functionality using JavaScript.
    opened by adel-gu 1
  • Awesome Books with ES6

    Awesome Books with ES6

    In this PR I Accomplish the points below โœ”

    1. Project Setup:

    • Create the entry point index.js for JavaScript code.
    • Create index.css file for styles.
    • Create the main index.html file. and Link both index.js and index.css files there.
    • Create a directory called modules.

    2. Rules used for re-structuring Awesome Books App:

    • Used ES6 syntax.
    • Divide JavaScript code into modules.
    • Refactor methods and functions to arrow functions.

    3. Display the current date below the navigation bar:

    • Used Luxon Library.
    • Download minified Luxon script.
    • Import it as a module and work with it to display the time and date.
    opened by adel-gu 0
  • Single Page Application

    Single Page Application

    In this PR I Accomplished the coming features โœจ

    • Apply the SPA approaches, by hiding and showing Sections using CSS and JavaScript.
    • Style Navigation links according to current page "Section".
    • Add Date and Time.
    opened by adel-gu 0
  • PEER TO PEER REVIEW

    PEER TO PEER REVIEW

    Required Changes ๐Ÿ”

    Hi @adel-gu,

    This is @adnanolarmmi, your colleague.

    Good job so far ๐Ÿ‘ ๐Ÿ‘ Your Project is almost on point. There are a few changes you could effect to make it superb ๐Ÿ˜ƒ.

    Simpson's almost there

    Highlights

    โœ”๏ธ All linters passing โœ”๏ธ Correct Gitflow โœ”๏ธDescriptive commit messages

    Required Changesโ™ป๏ธ

    • [ ] Please, check the comment below for observations ๐Ÿ™ƒ

    Optional suggestions:

    Every comment with the [OPTIONAL] prefix is not crucial enough to stop the approval of this PR. However, I strongly recommend you take them into account as they can make your code better.

    • N/A

    Cheers and Happy coding!๐Ÿ‘๐Ÿ‘๐Ÿ‘

    Feel free to leave any questions or comments in the PR thread if something is not 100% clear. Please, remember to tag me [@AdnanOlarmmi ] in your question so I can receive the notification.

    Please, do not open a new Pull Request for re-reviews. You should use the same Pull Request submitted for the first review, either valid or invalid unless it is requested otherwise.


    opened by AdnanOlarmmi 2
Owner
Adel Guitoun
Full-Stack Web Developer, with love for software architecting. Stack๐Ÿ”†: JavaScript, Ruby, Rails, React, Redux. Open to new opportunities!
Adel Guitoun
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 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 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 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
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 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.

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
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
Esther Udondian 6 Aug 1, 2022
Emem Ekpo 7 Sep 9, 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 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
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
This project will be a basic website that allows users to add/remove Tasks from a list.

Your Words This project will be a basic website that allows users to add/remove Tasks from a list. Built With Html/Css JavaScript Additional Tools Web

Mohamed Aachour 3 Jul 18, 2022