Basketball Scoreboard - Solo Project

Table of contents

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

Figma Design

• Basketball Scoreboard Design File

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

• Design to code conversion
• Understood CSS Flexbox better
• Used the Number() method to convert the variables to numbers

Useful Resources

• JavaScript Number Methods

Acknowledgements

• Scrimba

Author

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