cloud 8 café ☕️💭

A coffee shop single-page application, built for The Odin Project. The purpose of this project was to incorporate Webpack to bundle JavaScript modules, handle asset management, compile SASS styles to CSS & various other NPM packages into the workflow.

I designed and authored this project using JavaScript, CSS, SCSS and EJS for templating.

Notes

The content of the page is generated dynamically through the use of JavaScript modules. This allows the swapping of content without having to reload the page. The page is also responsive.

All of the images on the site were AI generated using Midjourney.

I hope you like it! ^_^

- ツkc💭

Tools

• VS Code
• Git & Github
• JavaScript ES6
• SASS/SCSS/CSS3
• HTML5
• Webpack
• NPM
• Node JS
• Terminal

Summary

• Used HTML5 semantic elements for better readability, structure & accessibility (i.e., setting the active tab on the web application through the use of the "aria-current" attribute).
• Used Git & GitHub for source control/project management.
• Cross tested, mobile-first design. Functional on all browsers and screen sizes.