ddc-domaintracker

deliberate discomfort 6 domain tracker, resets every day.

repository

https://github.com/egpennington/ddc-domaintracker

live site

https://ddc-domaintracker.netlify.app/

Table of contents

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

Overview

The challenge

Users should be able to:

• user can check off each domain as completed
• domains resets everyday automatically
• reset button allows user to reset manually
• random motivational quote every day
• stretch goals:
  • add a countdown clock for the day
  • add animation or a sound for each domain checked off

Screenshot

Links

• Live Site URL: (https://ddc-domaintracker.netlify.app/)

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Grid
• JavaScript

What I learned

Recap over some of learnings while working through this project.

First, i would like to have a better UI/UX design

Looked up way to use localStorage to use a 24 hour reset on the marked off buttons

    const getCurrentDate = () => {
      const now = new Date()
      const year = now.getFullYear()
      const month = String(now.getMonth() + 1).padStart(2, "0")
      const day = String(now.getDate()).padStart(2, "0")
      return `${year}-${month}-${day}`
    }

Continued development

Add more functionality, like a clock countdown for the day

Useful resources

• MDN and ChatGPT were very helpful, especially setting up the 24 hour reset.

Author

• Website - Emmett Pennington
• discord - [emmettpenn23(애멧)]
• Frontend Mentor - @egpennington
• Twitter - @yemmettpenn23
• email - [egpennington@hotmail.com]

Acknowledgments

scrimba.com bootcamp and Brad Traversy have helped in my programming development