Text Editor

This is the Module 19 Challenge, the Progressive Web Applications (PWA) Challenge: Text Editor

User Story:

1. AS A developer
2. I WANT to create notes or code snippets with or without an internet connection
3. SO THAT I can reliably retrieve them for later use

Acceptance Criteria:

1. GIVEN a text editor web application
2. WHEN I open my application in my editor
3. THEN I should see a client server folder structure
4. WHEN I run npm run start from the root directory
5. THEN I find that my application should start up the backend and serve the client
6. WHEN I run the text editor application from my terminal
7. THEN I find that my JavaScript files have been bundled using webpack
8. WHEN I run my webpack plugins
9. THEN I find that I have a generated HTML file, service worker, and a manifest file
10. WHEN I use next-gen JavaScript in my application
11. THEN I find that the text editor still functions in the browser without errors
12. WHEN I open the text editor
13. THEN I find that IndexedDB has immediately created a database storage
14. WHEN I enter content and subsequently click off of the DOM window
15. THEN I find that the content in the text editor has been saved with IndexedDB
16. WHEN I reopen the text editor after closing it
17. THEN I find that the content in the text editor has been retrieved from our IndexedDB
18. WHEN I click on the Install button
19. THEN I download my web application as an icon on my desktop
20. WHEN I load my web application
21. THEN I should have a registered service worker using workbox
22. WHEN I register a service worker
23. THEN I should have my static assets pre cached upon loading along with subsequent pages and static assets
24. WHEN I deploy to Heroku
25. THEN I should have proper build scripts for a webpack application

Github Repo: https://github.com/KevinGKorza/Text-Editor

Live url: Test

Screen captures: