https://github.com/ertugrulsertaslan/widgets

This project aims to speed up your web development process by offering various and custom solutions widgets.
https://github.com/ertugrulsertaslan/widgets

css html javascript

Last synced: about 2 months ago
JSON representation

This project aims to speed up your web development process by offering various and custom solutions widgets.

• Host: GitHub
• URL: https://github.com/ertugrulsertaslan/widgets
• Owner: ertugrulsertaslan
• Created: 2023-11-05T07:57:42.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-26T14:48:54.000Z (8 months ago)
• Last Synced: 2025-02-15T22:29:51.622Z (4 months ago)
• Topics: css, html, javascript
• Language: JavaScript
• Homepage:
• Size: 13.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# Widgets 🧩

This project includes 9 different widgets designed to enhance user experience. Each widget serves a unique purpose and provides interactive functionalities.

## Screenshots 📸

![Widgets](screenshots/widgets.png)

### 1. Widget: 🎹 Piano

- **Description:** An interactive piano application that allows users to relax with music.

- **Usage:** Click or tap on the keys to play different notes. Use the piano keys displayed on the screen for a quick and easy experience.

- **Features:**

  - Various note options 🎵

  - User-friendly interface ✨

### 2. Widget: ⏰ Clock

- **Description:** A widget that displays real-time clock, date, and day information.

- **Usage:** Place the clock widget on the screen to access real-time time information.

- **Features:**

  - Digital and analog clock options 🕒

  - Date and day display 📅

### 3. Widget: 🧭 Compass

- **Description:** A simple widget that helps users find directions.

- **Usage:** Use the compass widget on your screen to determine directions.

- **Features:**

  - Real-time direction information 🌍

  - User-friendly design 📏

### 4. Widget: 👁️ Eye Tracking Mouse

- **Description:** An eye-themed widget that tracks mouse movements, providing an interesting experience.

- **Usage:** Move your mouse around the screen, and the eye follows the mouse's path.

- **Features:**

  - Fun and interactive experience 🎉

  - Different eye animations 👀

### 5. Widget: 🔄 Spin

- **Description:** A game widget that allows users to get various results by spinning.

- **Usage:** Click the button on the screen to initiate the spinning action.

- **Features:**

  - Random results 🎲

  - Fun and dynamic interface 🚀

### 6. Widget: ⏱️ Stopwatch

- **Description:** A stopwatch widget designed for users to measure time.

- **Usage:** You can start, stop, and reset time measurements using the buttons.

- **Features:**

  - Start/Stop/Reset functions 🔄

  - Time recording ⏲️

### 7. Widget: 🔢 Number Counter

- **Description:** A widget that helps users reach a designated number goal.

- **Usage:** Increase or decrease the number by clicking the button.

- **Features:**

  - Goal setting 🎯

  - User-friendly interface 👍

### 8. Widget: 🎶 Music Player

- **Description:** A music player widget that allows users to listen to their favorite tunes.

- **Usage:** Create a playlist on the screen and select tracks to play.

- **Features:**

  - Create a track list 🎵

  - Volume control 🔊

### 9. Widget: 🎯 Perfectness Test Based on Circle Drawing

- **Description:** A widget that analyzes the circle you draw and gives a percentage score based on its perfection.

- **Usage:** Draw a circular shape on the screen, and the widget will calculate and display your perfection percentage.

- **Features:**

  - Drawing analysis 🖊️

  - Percentage scoring 📈

## License 📜

[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://choosealicense.com/licenses/mit/)