This is a solution to the Coffeeroasters subscription site challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for each page depending on their device's screen size
- See hover states for all interactive elements throughout the site
- Make selections to create a coffee subscription and see an order summary modal of their choices
- Solution URL: https://www.frontendmentor.io/solutions/html5-sass-javascript-parceljs-mvc-architecture-pub-sub-pattern-E34e2NioN
- Live Site URL: https://coffee-roast-jose-digiweb.netlify.app/
- Semantic HTML5 markup
- Sass
- Flexbox
- Vanilla JavaScript
- MVC - Model View Controller - Architecture
- Publisher Subscriber - Design Pattern
- Parceljs - JS Bundler
- Font Awesome - Vector Icon Set CDN
- Google Fonts - Fonts from Google
This challenge helped me become a way better JavaScript Developer, pushing me to learn how to structure my projects using the right Architecture and Design Pattern, the best way of working with data, to store data, and to control the state changes and update data. I also could pratice some of the most useful Array Methods and advanced Dom-manipulation and Dom-traversing.
On this project also I used Objected Oriented Programing based on ES6 Classes, that helped me learn so much, and definately become a better developer.
- Parceljs - This is one of the best JS Bundler out there, it's a real life saver.
- Font Awesome - The best way to use icons that are light weight, fast and easy to use.
- W3School - As always W3School is my best choice to find answers and hel me remember some sintaxes.
- LinkedIn - https://www.linkedin.com/in/jose-digiweb/
- Frontend Mentor - @JoseDigiweb
- GitHub - https://github.com/jose-digiweb