Responsive, auto-saving To-Do List made from scratch using JavaScript only, but refactoring the code into ES6 standard

Overview

Project Name

  • ES6 AWESOME BOOKS

Website Name

  • AWSM BOOKS

Project Website (GitHub Pages)

Clone the Project

  • git clone https://github.com/Zeraltz/es6-awsm-books.git

Built With

  • HTML, CSS, SASS, JS.
  • VSCode

About

On this website I'm showing my knowledge on ES6 syntax and modularized JS code, I recreated awesome books website, using ES6 syntax and modularizing JavaScript code

Authors

šŸ‘¤ Author

šŸ¤ Contributing

Contributions, issues, and feature requests are welcome!

Feel free to comment your opinion

Show your support

Give a ā­ļø if you like this project!

Acknowledgments

  • Microverse

šŸ“ License

This project is MIT licensed.

You might also like...

To Do list is a small but useful project to make list app , you can add tasks delete tasks and modify tasks, the project built using HTML, CSS, JavaScript

Project Name The To-Do-List app description this is a project in the second week of the second module in microverse. its a useful to do list that save

Jul 25, 2022

An npm package with Tailwind CSS utility classes for creating responsive grid columns without media queries using auto fit.

Grid Auto Fit for Tailwind CSS A plugin that helps you create a responsive grid layout in Tailwind CSS without using media queries. It uses the auto-f

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

A plugin that uses multiple block, Tailwind and is fully integrated into the standard build process

Tailwind CSS Custom Block Plugin This repo leverages the @wordpress/scripts package and it's ability to use PostCSS to introduce TailwindCSS to the bu

Dec 31, 2022

JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules. this app consume the Leaderboard API using JavaScript async and await and add some styling.

Leaderboard Project JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules. this app consume the Leaderboard

May 20, 2022

An open source movie library platform for viewing movie info and saving movies for later.

An open source movie library platform for viewing movie info and saving movies for later.

GoodWatch An open source movie library platform for viewing movie info and saving movies for later. How to get started? Fork and clone the repo. Then

Apr 28, 2022

This application displays scores submitted by different players from an API service. It also allows a user to submit his/her score while saving the data on the API.

Leaderboard This application displays scores submitted by different players from an API service. It also allows a user to submit his/her score while p

Jul 15, 2022

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Hello! I am a software developer! I can help you build a product, feature or website. Take a look of my works. If you like what you see and have a pro

Jul 17, 2022
Comments
  • Awesome books: with ES6

    Awesome books: with ES6

    ##Additions

    • Recreated awsm books website
    • Restructured code syntax to ES6
    • Created Multiple modules for JS Code
    • Used Luxon script to get DateTime
    • Fixed Linters
    opened by Andyveloper 0
  • Bump vm2 from 3.9.9 to 3.9.13

    Bump vm2 from 3.9.9 to 3.9.13

    Bumps vm2 from 3.9.9 to 3.9.13.

    Release notes

    Sourced from vm2's releases.

    3.9.13

    Fixes

    https://github.com/patriksimek/vm2/commit/1c365f7b834801dcd846eb80e5d44724e66348ae: Fix typescript error in index.d.ts.

    3.9.12

    New Features

    https://github.com/patriksimek/vm2/commit/81f625d55b587564a5533b30797c10872fa2d3e1: Add file system API.

    Fixes

    https://github.com/patriksimek/vm2/commit/442feea3525a0fe3628f08157c05a930f078e96d: Fix parsing error with object pattern in catch clause.

    3.9.11

    New Features

    https://github.com/patriksimek/vm2/commit/58478a58c6f4af3c54faf4117ed5ab72d2cc8cd5: Add option require.strict to allow to load required modules in non strict mode.

    Fixes

    https://github.com/patriksimek/vm2/commit/d9a7f3cc995d3d861e1380eafb886cb3c5e2b873: Security fix.

    3.9.10

    New Features

    61d240f69cc02974be27c7582fee2defd0e6c7a8: Add uptime to process.

    Fixes

    e3e573fdc99a98a9c7db026e4c40474eb78cab4a: Security fix. 245da82dcdfa67031e065fd7c7a7348b5e21f2b8: Fix inspect showProxy.

    Changelog

    Sourced from vm2's changelog.

    v3.9.3 (2022-12-08)

    [fix] Fix typescript errors in index.d.ts

    v3.9.12 (2022-11-29)

    [new] Add file system API.
    [fix] Fix parsing error with object patter in catch clause.

    v3.9.11 (2022-08-28)

    [new] Add option require.strict to allow to load required modules in non strict mode.
    [fix] Security fix.

    v3.9.10 (2022-07-05)

    [new] Add uptime to process.
    [fix] Security fix.
    [fix] Fix inspection with showProxy.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
Owner
Andres Mauricio Cantillo
Technophile | Full-Stack Developer in Formation | Gamer | Wannabe Writer | --- I love creativity, technology and software. I just found my place
Andres Mauricio Cantillo
AI-based CLI tool for code generation and mass refactoring

fixgpt Tool that helps you do mass changes across your codebase Create new files Mass refactoring Remove files upon certain conditions Code execution

Anton Kosykh 6 May 5, 2023
refactoring 2ķŒ ģŠ¤ķ„°ė””

refactoring 2ķŒ ģŠ¤ķ„°ė”” ģ§€ė‚œ ģŠ¤ķ„°ė”” ģ˜ģƒ: https://www.youtube.com/playlist?list=PLjQV3hketAJmyZmqXZ1OVEFNctalbf9SX before vs. after 21. 06. 29. Ch01 21. 07. 06. C

Jaenam Jung 40 Dec 20, 2022
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
A 3-D software rasterizer written from scratch in nothing but JavaScript

itch.io ā€¢ Play in the browser Tmp3D is a 3-D software rasterizer written from scratch in nothing but plain-old JavaScript, just for kicks. It makes us

Emre 43 Nov 27, 2022
The awesomebooks project is a simple list, but separated into 3 parts and given a retro feel. The main page is where we can add books, and on another page we can see the list, and remove items. There is also a "contact-us" page.

Awesome Books This is the restructured version of the famous awesome-books project! Here you can find JavaScript broken into modules, using import-exp

Matt Gombos 12 Nov 15, 2022
A simple code that creates a string of random characters displayed in an html object, all saving in a json file.

I'm 17 Years Old Developer / Lead Developer. ?? I'm wroking on AdrenalinaRP, GrandRDM. ?? Iā€™m currently learning JavaScript. ?? Iā€™m looking to collabo

OFFVIXEN 2 Nov 17, 2022
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

Ghazanfar Ali 8 Sep 28, 2022
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.

Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de

TEK 27 Jun 27, 2022