Project image for Digital Clock App

Digital Clock App

ReactHTML/CSSJavaScriptQuotable
Build a Web app to show current date time and use external apis to show user's location and a random quote.

Open in IDE

Includes assets, JPG images of the design files, design files themselves and a basic style guide. There's also a README to help you get started.

Project Description

Your challenge is to design this page and integrate quotable api to get random quote and ipv6 with geo-location to get city name (Also can be done using HTML Geo-location API).

This Project focuses on React, but you can use any tools you like to help you complete the project. So if you've got something you'd like to practice, feel free to give it a go.

Your users should be able to:

  • View the optimal layout for the site depending on their device's screen size

  • Show user's current time, timezone and location.

  • Display random quote and a refresh button.

  • Setting different background and greeting message according to current time.

  • Get additional data related to date and time on click of view more.

You can go through the Readme.md to see more details regarding the project, the design folder to see the preview images and asset folder for required icons.

Don't forget to share your submissions with the community to get feedback. All the best.

Get involved with the community

Join our discord server and explore the community forum to share your feedback with others. Ask questions, help others and learn in public to make the best use of codedamn.

Also check out the full-stack learning path to learn how to build such projects completely on your own.