watchFace

Customizable clock wallpaper for desktop. Personalize your desktop with watchFace using lively wallpaper.

To use this customizable clock download LIVELY software first Here

Downloads

• Lively
• watchFace

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Weather setup
• Author

Overview

The challenge

Users should be able to:

• Active clock synced with you desktop.
• Customizable text, color, clock nibs
• Show date, time, and weather
• Resizable text
• User able to show & hide elements

Screenshot

Links

• Solution URL:
• Live Site URL:

My process

Built with

• Semantic HTML5 markup
• Flexbox
• Lively first
• JQuery - JS library

What I learned

• API Open weather
• Javascript library JQuery

Useful resources

• Figma This helped me for designing and predicting the code. I really liked this pattern and will use it going forward.

Weather setup

• Create an account in open weather Here
• Generate an api key
• Enter the key & city after opening Customise menu in Lively
• Hit Refresh, api key might take some time to activate so if you get error try after sometime
• Done!

Author

• Website - OMEGA
• Frontend Mentor - @0me9a
• Twitter - @omega86735940