DEV Community

Cover image for Hacktoberfest First PL/MRG
CDPhu
CDPhu

Posted on

1

Hacktoberfest First PL/MRG

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.

░░░░░░░░░░░░▄▄░░░░░░░░░
░░░░░░░░░░░█░░█░░░░░░░░
░░░░░░░░░░░█░░█░░░░░░░░
░░░░░░░░░░█░░░█░░░░░░░░
░░░░░░░░░█░░░░█░░░░░░░░
███████▄▄█░░░░░██████▄░
▓▓▓▓▓▓█░░░░░░░░░░░░░░█░
▓▓▓▓▓▓█░░░░░░░░░░░░░░█░
▓▓▓▓▓▓█░░░░░░░░░░░░░░█░
▓▓▓▓▓▓█░░░░░░░░░░░░░░█░
▓▓▓▓▓▓█░░░░░░░░░░░░░░█░
▓▓▓▓▓▓█████░░░░░░░░░█░░
██████▀░░░░▀▀██████▀░░░

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay