Update index.html for the theme animation and reponsive design #69
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
New Theme First and foremost, I’ve completely revamped the theme of the application. The new color scheme incorporates a striking blend of purple, blue, and black, creating a modern and visually appealing interface. I aimed for a balance between aesthetics and readability, ensuring that the colors are not only stylish but also easy on the eyes. Added Animations and Transitions In addition to the new theme, I’ve introduced various animations and transitions throughout the app. These enhancements provide a more dynamic feel as users interact with the to-do list. For instance, items now smoothly fade in and out when added or removed, and there are subtle hover effects that make the interface feel more responsive. I believe these additions will make the user experience more enjoyable and engaging. Responsive Design I’m also pleased to announce that the to-do list is now fully responsive. This means that it will adapt seamlessly to different screen sizes, whether users are on a desktop, tablet, or mobile device. I prioritized functionality on smaller screens, ensuring that users can easily navigate and manage their tasks regardless of the device they’re using. Signed-off-by: Bhumika Sharma <bhumikasharma1403@gmail.com>
|
@Bhumika-00 please try to run |
|
It's working on mine
…On Sat, 12 Oct, 2024, 2:09 pm Ansh Grover, ***@***.***> wrote:
@Bhumika-00 <https://github.com/Bhumika-00> please try to run npm run lint
and npm run format because checks are failing here.
—
Reply to this email directly, view it on GitHub
<#69 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/BKOHTVVHVPVEWQN3UBECDF3Z3DN3ZAVCNFSM6AAAAABP2GTDS2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMBYGQ3DAMBSHA>
.
You are receiving this because you were mentioned.Message ID:
***@***.***>
|
|
You are just rejecting everyone 's work you could have wait for sometime
On Sat, 12 Oct, 2024, 2:14 pm Bhumika Sharma, ***@***.***>
wrote:
… It's working on mine
On Sat, 12 Oct, 2024, 2:09 pm Ansh Grover, ***@***.***>
wrote:
> @Bhumika-00 <https://github.com/Bhumika-00> please try to run npm run
> lint and npm run format because checks are failing here.
>
> —
> Reply to this email directly, view it on GitHub
> <#69 (comment)>,
> or unsubscribe
> <https://github.com/notifications/unsubscribe-auth/BKOHTVVHVPVEWQN3UBECDF3Z3DN3ZAVCNFSM6AAAAABP2GTDS2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMBYGQ3DAMBSHA>
> .
> You are receiving this because you were mentioned.Message ID:
> ***@***.***>
>
|
|
That's highly unprofessional behaviour
On Sat, 12 Oct, 2024, 2:15 pm Bhumika Sharma, ***@***.***>
wrote:
… You are just rejecting everyone 's work you could have wait for sometime
On Sat, 12 Oct, 2024, 2:14 pm Bhumika Sharma, ***@***.***>
wrote:
> It's working on mine
>
> On Sat, 12 Oct, 2024, 2:09 pm Ansh Grover, ***@***.***>
> wrote:
>
>> @Bhumika-00 <https://github.com/Bhumika-00> please try to run npm run
>> lint and npm run format because checks are failing here.
>>
>> —
>> Reply to this email directly, view it on GitHub
>> <#69 (comment)>,
>> or unsubscribe
>> <https://github.com/notifications/unsubscribe-auth/BKOHTVVHVPVEWQN3UBECDF3Z3DN3ZAVCNFSM6AAAAABP2GTDS2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMBYGQ3DAMBSHA>
>> .
>> You are receiving this because you were mentioned.Message ID:
>> ***@***.***>
>>
>
|
|
I have made the new files and still there is workflow issue I really don't
know what the problem with the code because its running on my device
smoothly now I have done my task in all possible manner now I would like to
you review it if the pr can get accepted or not
On Sat, 12 Oct, 2024, 2:15 pm Bhumika Sharma, ***@***.***>
wrote:
… That's highly unprofessional behaviour
On Sat, 12 Oct, 2024, 2:15 pm Bhumika Sharma, ***@***.***>
wrote:
> You are just rejecting everyone 's work you could have wait for sometime
>
> On Sat, 12 Oct, 2024, 2:14 pm Bhumika Sharma, <
> ***@***.***> wrote:
>
>> It's working on mine
>>
>> On Sat, 12 Oct, 2024, 2:09 pm Ansh Grover, ***@***.***>
>> wrote:
>>
>>> @Bhumika-00 <https://github.com/Bhumika-00> please try to run npm run
>>> lint and npm run format because checks are failing here.
>>>
>>> —
>>> Reply to this email directly, view it on GitHub
>>> <#69 (comment)>,
>>> or unsubscribe
>>> <https://github.com/notifications/unsubscribe-auth/BKOHTVVHVPVEWQN3UBECDF3Z3DN3ZAVCNFSM6AAAAABP2GTDS2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMBYGQ3DAMBSHA>
>>> .
>>> You are receiving this because you were mentioned.Message ID:
>>> ***@***.***>
>>>
>>
|
|
@Bhumika-00 these are steps to follow in order to pass all the checks.
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
New Theme
First and foremost, I’ve completely revamped the theme of the application. The new color scheme incorporates a striking blend of purple, blue, and black, creating a modern and visually appealing interface. I aimed for a balance between aesthetics and readability, ensuring that the colors are not only stylish but also easy on the eyes.
Added Animations and Transitions
In addition to the new theme, I’ve introduced various animations and transitions throughout the app. These enhancements provide a more dynamic feel as users interact with the to-do list. For instance, items now smoothly fade in and out when added or removed, and there are subtle hover effects that make the interface feel more responsive. I believe these additions will make the user experience more enjoyable and engaging.
Responsive Design
I’m also pleased to announce that the to-do list is now fully responsive. This means that it will adapt seamlessly to different screen sizes, whether users are on a desktop, tablet, or mobile device. I prioritized functionality on smaller screens, ensuring that users can easily navigate and manage their tasks regardless of the device they’re using.
Description
New Theme: The design now features a sleek purple, blue, and black color palette.
Animations and Transitions: I’ve added animations to enhance the user experience and make interactions smoother.
Responsive Design: The to-do list is now fully responsive, ensuring a great look and feel on all devices.
Fixes #(55)
Type of change
UI change
Please delete options that are not relevant.
How Has This Been Tested?
Please describe the tests that you ran to verify your changes. Provide instructions so that they can be reproduced.
Checklist: