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

Overview

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
Javascript
Visual Studio Code

Live Demo

N/A

Loom video

N/A

Getting Started

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

1- Download files
2- Run index.html in browser

To clone the repo run the line git clone https://github.com/lucas-crodrigues/awesome-books-modules.git on your console:

Authors

👤 Lucas Costa Rodrigues

GitHub: @lucas-crodrigues

Twitter: @lcrodrigues58

LinkedIn: Lucas Costa Rodrigues

🤝 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

Microverse team

@emmiiorji

@alvarorf

📝 License

This project is MIT licensed.

Comments

Awesome books ES6 using Modules
For this project, I was required to take last week's project and rewrite it using ES6 and modules.

The requirements were:

Project requirements

Setup your project:

Create a new directory and initialize it with git.

Use npm init -y command to create package.json file.

Create the entry point for your JavaScript code called index.js

Create index.css file for your styles.

Create the main index.html file. Link your index.js and index.css files there.

Create a directory called modules.

Re-create your Awesome books app following the rules:

Use ES6 syntax.

Divide your code into modules. Save each module in a separate file in the modules dir. Import modules in the index.js file. For this exercise - the more modules the better!

Keep all funcionalities of the app without errors.

Refactor your methods and functions to arrow functions.

Use let and const in a correct way.

Display the current date below the navigation bar.

For this requirement you should use a library Luxon

Download the script and save it to your project.

Import it as a module.

See the article Get the current date and time. Your task here is to use a new tool effectively with little externally curated support. Exactly as you will do in your future job.

Thank you
opened by lucas-crodrigues 1

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

Related tags

Overview

Awesome Books ES6

Built With

Live Demo

Loom video

Getting Started

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

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.

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.

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

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

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.

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

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

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

Comments

Awesome books ES6 using Modules

Project requirements

Owner

Lucas Costa Rodrigues

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.

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.

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

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.

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

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.

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

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

Restructure my Awesome books app code. The goal is to make it more organized by using modules and also practice the ES6 syntax.