Passenger Counter App

Table of contents

• Overview
  • Screenshot
  • Links
• My Process
  • Languages and Tools
  • Built With
  • What I Learnt
  • Useful Resources
• Author

Overview

Screenshot

Mobile

Desktop

Links

• Live 🔗

My process

Languages and Tools

• HTML5
• CSS3
• JavaScript
• Sublime Text 3

Built With

• Desktop first workflow
• Semantic HTML5 markup
• Custom CSS Properties
• CSS Flexbox
• Vanilla JavaScript

What I Learnt

• Customization of SVG icon colors with CSS filters
• Use of rem for font-size instead of fixed units like px in order to make the design responsive by simply adjusting the font-size of the root element in the media query
• Basics of JavaScript like declaring variables, using various data types (string, number, boolean etc) to assign values to variables and creating functions to perform a specific task

Useful Resources

• CSS em and rem explained - Helped to understand em and rem better
• Learn JavaScript for free - Literally the best JavaScript course for beginners

Acknowledgements

• Scrimba

Author

• LinkedIn - Iqra Zaheer
• Github - @iqra0001
• Frontend Mentor - @iqra0001
• Instagram - Iqra Zaheer