📶 PWA Reusable Commenting System 💻

✔️ Task To Complete:

1. Using a state manager (a tool that controls how an application is displayed based on a given context). Changing the context, in this case adding a comment in the form, should change the application, in this case display a new comment on the page.

2. Create an IndexedDB database, to store comments

   What Was Done To Complete The Task:

   • Create a new local project that uses Vite, Prettier, and ESLint
   • used the IDB NPM package
     • When a comment is valid and is submitted, it should be saved to the IndexedDB database
     • When the page is loaded, it should load the comments from the IndexedDB database and display them
   • Use JavaScript module syntax (ES Modules)

📷 Preview of Web application

Full Page

Comments

Database

Progressive Web Application

Application offline