A SPW (Single Page Website) that can track your favorite books on your browser! Made with ES6 modules,JavaScript, HTML 5 and CSS 3.

TOFANA SILVIA

Last update: Aug 22, 2022

Overview

awesome-books

It is a project for Microverse's JavaScript Module to be done using pair-programming.

Desktop Version

Mobile Version

In this website you can add books of your choice to the list of books and save them in your browser's localstorage.

Built With

HTML, CSS and JavaScript (ES6)

Live Demo

[Live Demo Link]([https://silviatofana.github.io/awesome-books-es6-modules/]
Live Demo Might not work due to 'luxon' module. So, you checkout it out by intalling it locally following the steps in 'Getting Started' section.

Getting Started

Install Node.js
Install text editor of your choice (eg. VS Code)
Clone the repository from here
Change directory to 'cd awesome-books-with-es6-modules'
On the root directory, run 'npm install' on the terminal to install packages.
Open the index.html file in your browser (using live server) to check your updates and navigate to other pages.

Authors

👤 **Silvia Tofana **

GitHub: @silviatofana
LinkedIn: @silviatofana
Twitter: @silviatofana

🤝 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 Inc

📝 License

This project is MIT licensed.

Comments

Awesome-books-es6-modules

Setup your project: Create a new directory and initialize it with git. Use the npm init -y command to create a package.json file. Create the entry point for your JavaScript code called index.js Create an 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 functionalities of the app without errors. Refactor your methods and functions to arrow functions. Use let and const in the 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 silviatofana 2
peer to peer : code review
code review :green_circle:

good job so far

responsive design

professional readme

changes required

"No books" message still displays when you add a new book please fix that error
opened by HanningtoneM 0

This project is a single-page application (SPA) about Booklist in which you can add your favorite books.

AWESOME BOOKS This website Awesome Books Library provides users a convenient way to keep track of their books or reading lists. Users can add and remo

Feb 25, 2022

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: with ES6 Description the project. Built With HTML CSS JAVASCRIPT Live Demo (if available) Live Demo Link Getting Started This is an exa

Sep 9, 2022

this is a single-page web application. we built a book website where the user can add , remove and display books. we used modules to implement these functionalities. also, we used the Date class to display the date and time.

Awsome Books In this Project, we have built A Books websites. Built With 🔨 HTML CSS javascript Git & Github Live Demo Here you can find the live Demo

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

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.

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

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

Jul 21, 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

This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules to write modular JavaScript.

To-Do-List App This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules

Sep 20, 2022

This single-page application displays a site where users can add/remove books from an interface and navigate between sections using ES6 Js.

Awesome Books - ES6 Web app that allows to add and remove book's data using Javascript and ES6 conventions. Built With HTML CSS Javascript ES6 Prerequ

Aug 19, 2022

A SPW (Single Page Website) that can track your favorite books on your browser! Made with ES6 modules,JavaScript, HTML 5 and CSS 3.

Related tags

Overview

awesome-books

Desktop Version

Mobile Version

Built With

Live Demo

Getting Started

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

You might also like...

Comments

code review :green_circle:

changes required

Owner

TOFANA SILVIA

A single-page application that allows users to keep track of their books. Users can add the book details (book title and author) and also, and the books can also be removed. Built with JavaScript, HTML, and CSS

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

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

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

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

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.

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.