kashsuks / kashsuks/remindify

create animations

Open
#4 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Make animations for the delete button as well as hover animations for hovering over a reminder. Also make an animation for the save button.

Delete button: When the user is not hovering over the delete button, keep it red normally (a red x), when the user is hovering over it, make it a nice round button whose background is a bit darker than the other buttons.

Have a liquid glass look for the normal reminders, they should function like normal but have that liquid glass look to it.

For the save button, make it rounded, have hover animations as well also with the liquid glass look.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the delete button, save button, and reminder styling in the JavaScript frontend, then inspect their current hover and normal states. Done means the delete and save buttons have the requested rounded hover animations, reminders have the liquid-glass appearance, and the described red delete-button behavior is preserved.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.