A remake of the previous project (awsm-books) using proper ES6 syntax.

Gabriel Fonseca

Last update: Jun 23, 2022

Related tags

Learning resource Awesome-Books-ES6

Overview

Awesome-Books-ES6

A remake of the previous project (awsm-books) using proper ES6 syntax.

Built With:

HTML
CSS
SCSS
JavaScript

Live Demo:

Live Demo

Getting Started:

To access and change the code on your computer (using GIT):

Note: if you don't use git, you can download the ZIP of this repository by clicking on the "Code" button above the files list.

Setup

Open the repository link.
Click on the "Code" button, above the files list.
Select one of the three options to copy the URL: HTTPS, SSH key and GitHub CLI.
Open the Terminal in the directory you want to copy the project.
Type git clone, paste the URL you copied, and press enter.

Usage

To edit this project:

Open the repository you cloned with a code editor that you like.
Edit the code as you want.
Use Microverse linters config to HTML + CSS + JS.

Authors:

👤 Gabriel Fonseca

Github: @Gopxfs
Linkedin: Gabriel Fonseca

Show your support

Give a ⭐ if you like my project!

Acknowledgments

Huge thanks to:
Microverse, for the structure to let me learn more.

📝 License

This project is MIT licensed.

Comments

Awesome books
HTML

Added navbar

Added clock

Added book list section

Added add book section

Added contact section

Added footer

CSS

Styled all HTML elements

Added hover effects to navbar elements and page buttons

JavaScript

Created JS modules

Update functions to fit JS module parameters

Update functions to arrow functions (according to ES6)

Created the main content dynamically, using DOM (SPA)

Added a clock that shows the exact time, using luxon library
opened by Gopxfs 0
Validation when adding books

Hi Gabriel,

Your code looks very clean and I liked the code you used to update the clock. Great job with your project.

During the peer-to-peer code review, we realized your add book form is receiving empty and duplicate entries and that can be a problem. Consider adding these validations to prevent these types of entries.

Best regards. 👍🏻

opened by indigodavid 0

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

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

Oct 11, 2022

This is the awesome books project, refactored to use ES6 syntax and modules

Awesome Books ES6 This is the Awesome Books ES6 project for the second week of the second module in the microverse program. Built With HTML/CSS Javasc

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

Aug 15, 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

Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture. You can view live app.

Flipkart Clone MERN APP Dhaval Patel's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart. It has strong authe

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

Aug 1, 2022

Using ES6 Modules on creating favorite books where we can save our favorit books

Dec 1, 2022

In this website you will add favorites books and also watch the lists of books. Built with JavaScript ES6 Modules

Awesome Books In this website you will add books and also watch the lists of books. Built With HTML CSS JavaScript Screen Shots Desktop Screen Tablet

Nov 20, 2022

A remake of the previous project (awsm-books) using proper ES6 syntax.

Related tags

Overview

Awesome-Books-ES6

Built With:

Live Demo:

Getting Started:

Setup

Usage

Authors:

Show your support

Acknowledgments

📝 License

You might also like...

Comments

HTML

CSS

JavaScript

Owner

Gabriel Fonseca

This is a website for creating to-do tasks. "To-do list" is a tool that helps to organize your day. The main objective is to understand how to use proper ES6 syntax.

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

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

This is an educational and simple website that displays a list of books and allows you to add and remove books from that list built with HTML, CSS, JavaScript. The goal is to make it more organized by using modules and practice the ES6 syntax in the first Module

In this project, I built a basic website that allows users to add/remove books from a list using HTML/CSS to build the app and JavaScript to add functionalities. This project was organized using modules and ES6 syntax implemented.

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

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

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.

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.