A to-do list variation built for The Odin Project. The main focus of this project was to implement SOLID principles while incorporating Webpack to bundle JavaScript modules, handle asset management, compile SASS styles to CSS & work various other NPM packages into the flow. I applied the pub/sub design pattern to create the SPA (single page application)… separating the concerns of the data and the DOM to avoid any possible memory leaks and allow for better maintainability/scalability. I also implemented localStorage usage for data persistence on the client-side.
I designed and authored this project using JavaScript, CSS, SCSS and EJS for templating.
Note: I started this project during a semester at University, hence why it took a little longer than it would have otherwise to complete.
Perfect Chrome DevTools Lighthouse Score 🥹:
- VS Code
- Git & Github
- JavaScript ES6
- SASS/SCSS/CSS3
- HTML5
- Webpack
- NPM
- Babel
- Node JS
- Terminal
- date-fns
- 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.