This project is based on the Awesome Books app repo, refactored with ES6 and organized with modules. The purpose of this project is to learn functionality organization using JavaScript modules.

Overview

Awesome Books with ES6 and modules

A basic app project built with HTML, CSS and JS ES6 to keep track of awesome books.

Built With

  • HTML/CSS and JS best practices: Correct use of tags, elements, properties and syntax.
  • GitHub flow: Correct use of Branches for deployment and features development.
  • Linters Check: Local and Pull Request check for errors, bugs and stylistic errors in code.
  • Luxon 2.x for JavaScript dates and times.

Live Demo

Awesome Books Demo

Authors

👤 Karla Delgado

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

You might also like...

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

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

May 28, 2022

In this project, I will restructure Awesome books app code. The goal is to make it more organized by using modules.

Awesome Books ES6 In this project, In this project I built Awesome books app code. The goal was to make it more organized by using modules. Built With

Jun 16, 2022

In this project, I will restructure my Awesome books app code, to make it more organized by using modules.

Awesome-books-with-ES6 In this project: I will restructure my Awesome books app code, to make it more organized by using modules. Awesome-books-Projec

Dec 10, 2022

Awesome book with ES6, this project is build using HTML,CSS, JavaScript ES6 the project allows you to add books and save them with the author , for another time checks

Project Name Awsome books Description the project. adding books daynamiclly Built With Major languages Frameworks Technologies used Live Demo (if avai

Jul 25, 2022

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

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

Aug 18, 2022

Great web App to make a list of awesome books to read. Made with ❤️, JavaScript ES6 Modules.

Awesome Books A basic app project built with HTML, CSS and JS to keep track of awesome books. Built With HTML/CSS & JS best practices: Correct use of

Sep 20, 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. 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

Oct 18, 2022
Comments
  • Awesome books: App Refactored with ES6 and modules

    Awesome books: App Refactored with ES6 and modules

    Awesome Books Restructured with ES6 and JS modules :memo: :hammer_and_wrench:

    These are the proposed changes :recycle: for this project :arrow_down: :

    • Set up project with entry point/main files :heavy_check_mark: :
      • Added index.html index.css and entry point :round_pushpin: index.js
      • Created package.json file :heavy_check_mark:
      • Createdmodules directory :open_file_folder:
    • Refactored app modules with ES6 :heavy_check_mark:
      • Separated app functionality/classes into modules
      • Implemented import :arrow_down: and export :arrow_up: keywords
      • Used arrow functions :heavy_check_mark:
    • Added the current date :calendar: below the navigation bar using Luxon
    • Customized wireframe design.
    opened by karlavdelgadof 0
  • [p2p]  Improvement your CSS

    [p2p] Improvement your CSS

    Hello @karlavdelgadof

    Your code is well organized and works perfectly! Great work on your code👏

    To highlight🎯

    • ✔️ Good solution
    • ✔️ Nice design
    • ✔️ No linter errors

    Suggestions✍️

    We suggest you edit your CSS for makes work it properly in movile version and also add the seconds to the Date for more specif time.

    opened by Alondra87 0
Owner
Karla Delgado
I'm a Full-Stack Developer in progress. I'm passionate about building projects and learning new technologies every day and I love collaborating with others.
Karla Delgado
In this project, I restructure my previous Awesome books app code. The goal is to practice ES6 syntax and also make the code more organized by using ES6 modules.

Awesome Books In this project, I will restructure my previous Awesome books app code. The goal is to make it more organized by using modules. I will a

Sidney Kaguli 9 Aug 23, 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
This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built with HTML, CSS, JavaScript.

Awesome Books with ES6 This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built

Dino Ronald Quispe Arias 7 Jul 21, 2022
In this project, you will restructure your Awesome books app code. The goal is to make it more organized by using modules and also practice the ES6 syntax.

Awesome-books-with-ES6 In this project, I restructured Awesome books app code. The goal is to make it more organized by using modules and also practic

David Kasilia Mwanzia 6 Sep 16, 2022
this project's main aim is to restructure Awesome books app code to make it more organized by using modules and also practicing the ES6 syntax.

Awesome Books ES6 this project's main aim is to restructure Awesome books app code to make it more organized by using modules. also practicing the ES6

PRATAP PANABAKA 7 Sep 6, 2022
In this project, I restructured my Awesome books app code to make it more organized by using modules and ES6 syntax.

Awesome books ES6 In this project, I restructured my Awesome books app code to make it more organized by using modules and ES6 syntax. Built With HTML

Vanessa Oliveros 4 Oct 11, 2022
In this project, you will restructure your Awesome books app code. The goal is to make it more organized by using modules. You will also practice the ES6 syntax that you have learned.

Awesome books: with ES6 In this project, you will restructure your Awesome books app code. The goal is to make it more organized by using modules. You

Kelvin Benjamin 5 Oct 10, 2022
Restructure my Awesome books app code. The goal is to make it more organized by using modules and also practice the ES6 syntax.

Awesome Book In this project, I rebuild a basic website that allows users to add/remove books from a list using ES6 Built With HTML CSS Javascript Get

Chrispaix Kaze 8 Aug 15, 2022
Emem Ekpo 7 Sep 9, 2022