mariabrock/code-lab-fcc-stop-watch

Code Lab/ FreeCodeCamp - Stop Watch

This is a code along of the FreeCodeCamp/Code Lab YouTube tutorial on basic DOM manipulation with vanilla JS.

Table of contents

• Code Lab/ FreeCodeCamp - Stop Watch
  • Table of contents
  • Overview
    • The challenge
    • Screenshot
    • Links
  • My process
    • Built with
    • Useful resources
  • Author
  • Acknowledgments

Overview

The challenge

Users should be able to:

• View the optimal layout for the component depending on their device's screen size
• See hover states for play, reset, and pause buttons
• utilize timer count

Screenshot

Links

• Solution URL: Github
• Live Site URL: Github Pages

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• vanilla Javascript

Useful resources

• Code Lab YT Video, Part 1
• Code Lab YT Video, Part 2
• FreeCodeCamp YT Video

Author

• Github - @mariabrock
• LinkedIn - @mariabrock

Acknowledgments