QS Project

Quit Smoking Web Site Project started with the intention to help a friend to quit its smoking habit/addiction and I suddenly found myself investigating potential ways to motivate and guide him to overcome it.

I decided to build this project with that purpose in mind but with an extended utility, to reach other people.

Content

All photos were obtained from https://www.pexels.com/ and the information within the web site from the sources linked on the page itself.

Structure

The page has the following standard scheme

• Navbar
• Header with an initial image cover
• Main section with Several Articles
• Footer with contact information

More descriptively

• A Navigation bar with links to each section within the page plus a small popup with links to content sources.
• A Landing section
• "In how many ways smoking harms a person?" section.
• Health improvements over-time of non-smoking activity timeline section.
• A section with self-authored tips on how to quit smoking.
• A contact information section

Tools used for building the site

Software Tools

• SCSS Pre-processor
• Vim Text Editor
• Vanilla JavaScript (ES6)
• Standard HTML5

Learning Sources

• https://devdocs.io/
• https://developer.mozilla.org/en-US/docs/Web
• https://stackoverflow.com/

Features of this site

• Responsive Design with Touchscreen Devices support.
• Modern and Consistent Design Style.
• Support for Low Resolution Displays.

Extra

This site was presented as a Final Project for CS50's Introduction to Computer Science ( Web Track ) M.O.O.C

Long term intentions

• Implement B.E.M Methodology
• A working HTML Form
• Add a Custom Domain
• Add Spanish Version