Mobile first ping landing page UI with SCSS and JavaScript

This is my solution to the Ping Landing page challenge. The project was relatively simple, so I preferred to work with vanilla JS instead of a front-end framework.

Along with implementing the design and functionalities defined in the style-guide and README, if the user provides a valid email and clicks the notify me button, a success modal pops up which can be closed.

Instead of using CSS classes for most of the styling, I chose to work with semantic HTML5 elements and nested children using the parent selectors.

Tech stack

• HTML5 - mark up
• SCSS - css preprocessor
• JavaScript - ESNext

Tools used

• VS Code - code editor
• Live SASS compiler - conver scss to css
• Live server - development mock server
• Git - version control
• Github - repo + deployment
• Firefox - browser

Please checkout my code, any review/suggestion/feedback is welcome. Happy coding :)