read.md

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 processes
• built with
• what i learned
• useful resources
• Weather setup
• Author

Overview

The challenges

Users shoud 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

Links

• Solution URL
• Live site URL

My processes

Built with

• Semantic Html5 markup
• Flexbox
• Lively first
• JQuery

What i learned

• Open weather Api
• JQuery Javascript library

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

• OMEGA
• Website OMEGA

Favorite spot

• Github @0me9a
• Front-end Mentor @0me9a
• Figma @omega1
• Hacker Rank @ome9a