Frontend Mentor - Time tracking dashboard solution

This is a solution to the Time tracking dashboard challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

• The challenge

  Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Switch between viewing Daily, Weekly, and Monthly stats

• Screenshot

  • Front
  • Back

• Links

  • Solution URL: Here
  • Live Site URL: Here

My process

• Built with

  • Semantic Elements HTML5
  • CSS3 Flex-Box
  • basic Javascript

• What I learned

  <h1>Main Heading In HTML</h1>
  <p>Hello paragraph</p>

  .grid {
  display: grid;
  }

  const FunctionFunny = () => {
  console.log('🎉')
  }

• Continued development

  • I'm going to learn React Library and then Node.js so I could work as full-stack
  • Step two is to become a software engineer

• Useful resources

  • Arabic 2020
    • HTML-Course
    • CSS-Course
    • JS-Course

Author

• LinkedIn - @Omar
• Frontend Mentor - @Omar