dhairyagothi / 100_days_100_web_project

This repository contains 100 web projects from basic to intermediate using html css and js Please star the repo before start working on it
https://50-days-50-web-project.vercel.app/
MIT License
30 stars 36 forks source link

the user interface is quite basic in Digital_Clock and there is no background and good stylings. #180

Closed Shivakumarjagadam closed 3 months ago

Shivakumarjagadam commented 4 months ago

Problem Description: Currently, our digital clock project displays the current time, day of the week, and date with three style options (Classic, Modern, Futuristic) and an alarm setting feature. However, the user interface is quite basic and could benefit from enhanced design elements.

Identified Issues:

1.Lack of Visual Appeal : The design is minimalistic, and there are no vibrant colors or attractive background elements. 2.User Interaction : The buttons and other interactive elements are plain and not user-friendly.

Proposed Solutions :

Enhancing Buttons: Introduce colorful and styled buttons for better user interaction. Each button (Classic, Modern, Futuristic, Local Time, Set Alarm) can be uniquely styled to make the interface more intuitive and visually appealing. Background Layout Design: Add a background image or gradient to enhance the overall look and feel of the clock. This will make the digital clock more engaging and pleasant to use.

Implementation Plan:

  1. Buttons: Use CSS to style buttons with different colors, hover effects, and improved typography.
  2. Background: Add a background image or gradient using CSS.

how it is looking(original):

Screenshot 2024-06-26 222314

github-actions[bot] commented 4 months ago

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUTING.md carefully. Your contributions are highly appreciated! 😊

dhairyagothi commented 4 months ago

image

@Shivakumarjagadam it looks like this

Shivakumarjagadam commented 3 months ago

@dhairyagothi sorry , i didn't notice that.

dhairyagothi commented 3 months ago

okay np closing issue

Shivakumarjagadam commented 3 months ago

@dhairyagothi but im unable to see ,that updated version of digital clock???

dhairyagothi commented 3 months ago

@dhairyagothi but im unable to see ,that updated version of digital clock???

https://50-days-50-web-project.vercel.app/digital_clock/digitalclock.html