Overview
For my first Hacktoberfest Pull/Merge, I had to go looking around for issues that have not been commented on when I stumbled upon a repository that caught my eye. It was a simple note taking website called Noter JS. What it did was take a user input and then transferred it into a note that is displayed. At the time this note could only be deleted.
Before Starting
What did catch my eye, was that this small site had barely anything going on for it. Just a simple white screen, and a navigation bar with just the home button as well as a search bar.
They were looking for people to make the navbar look better and add a bit of flare to it. But someone had already taken that request. But after looking at some other issues I found one saying that the UI itself could be made to look better. That's all it said, nothing else.
While Working
I asked to be assigned the issue. Low and behold I was assigned to make the new UI. So, within the HTML I used <style></style> to implement a CSS structure inside. I gave the navigation bar a new makeover along with making the background a looped animated gradient color change. An extra touch was when someone were to press a button of sorts, it would have a ripple animation.
https://github.com/ShravaniAK/noter-js/pull/18
Finishing
It was refreshing working on a completely different kind of repository, and with the objective so different. Considering the limited uses the web app has, it was an interesting experience to say the least.
░░░░░░░░░░░░▄▄░░░░░░░░░
░░░░░░░░░░░█░░█░░░░░░░░
░░░░░░░░░░░█░░█░░░░░░░░
░░░░░░░░░░█░░░█░░░░░░░░
░░░░░░░░░█░░░░█░░░░░░░░
███████▄▄█░░░░░██████▄░
▓▓▓▓▓▓█░░░░░░░░░░░░░░█░
▓▓▓▓▓▓█░░░░░░░░░░░░░░█░
▓▓▓▓▓▓█░░░░░░░░░░░░░░█░
▓▓▓▓▓▓█░░░░░░░░░░░░░░█░
▓▓▓▓▓▓█░░░░░░░░░░░░░░█░
▓▓▓▓▓▓█████░░░░░░░░░█░░
██████▀░░░░▀▀██████▀░░░
Top comments (0)