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

Cindy Dorantes

Last update: Oct 18, 2022

Related tags

Learning resource Awesome-books

Overview

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 building this application, we will learn how to manage data using JavaScript. Thanks to that our website will be more interactive. We will also use a medium-fidelity wireframe to build the UI.

GETTING STARTED

copy this repo : https://github.com/CindyDorantes/Awesome-books.git

cd to the folder name.

right click on the HTML file and open it in the browser.

Built With

HTML
CSS
JavaScript
Luxon

Authors

👤 Cindy Dorantes

🤝 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

Thanks to my learning partners for their help and support.

📝 License

This project is MIT licensed.

Comments

Es6 modules
Project requirements included:

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.
opened by CindyDorantes 0
Awesome-books-peer-to-peer-review
Awesome books peer review:

Your work looks awesome! Great job! :clap: :clap: :clap:

Just have in mind the next:

Kindly notice that you´re adding the '.active' class with two methods (the for loop and the addClassList function), please use only one of them. :computer:

Please make sure your add and hide modules do not repeat themselves to make your code cleaner. :computer:

Keep up the good work and Reach for the stars!!! :star2: :star2: :sparkles:
opened by AmaliaGM 0

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

Related tags

Overview

Awesome-books

Description

GETTING STARTED

Built With

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

You might also like...

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

"To Do List" is a minimalist project that displays a list of task and allows you to add and remove task from that list. Built with JavaScript

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

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.

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

Comments

Es6 modules

Project requirements included:

Awesome-books-peer-to-peer-review

Awesome books peer review:

Owner

Cindy Dorantes

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.

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.

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

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.

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.

This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology namely; JavaScript with webpack Configuration.

This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list

TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.

This is an Awesome books page, a basic website that allows users to add and remove books from a list. Built with JavaScript.