My first 'Code' PR in Hacktoberfest

nikiljos — Wed, 10 Nov 2021 05:11:31 +0000

I started getting into open source and learnt Git during Hacktoberfest 2020. Back then, I completed my PRs doing small contributions like listing out something in a README and making PRs to my own repo...

This time, I really wanted to take it to the next level doing awesome PRs that actually got some code changes. As usual I was going through some repos and came across a repo were we could add the names of tools that were useful to us...
It was a NextJS site, and all tool names were hardcoded, which made it extremely difficult for beginners to contribute. Since all tags were same and only the data changed, I thought why not make the data in a separate file as a JS Object or JSON.

I initially opened an issue saying that and thought why not I try it myself😀. I was at first reluctant to start since I haven't used NextJS or even ReactJS before. Still I cloned the repo and started trying it out... And I was able to do it🤩

I was so excited and opened a PR and to my surprise, it got merged... I couldn't say how happy I was🥳

And now, because of the change in my commit, the way all others added data in the repo got much better...

I was able to contribute even more to the repo after that...

Thanks a lot to Hacktoberfest for getting me into the world of Open Source🙏

Getting Started with HTML

nikiljos — Thu, 30 Sep 2021 09:51:59 +0000

Get Started

What do you need

Any code editor and a browser on your 💻

Here are some good options

VSCode

Atom

And these are some really useful VSCode extensions

Prettier

Live Server

Basics of HTML

This is the structure of a basic HTML Document

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title here</title>
    </head>
    <body>

        Write anything here

    </body>
</html>

Let me Break it down for you

<!DOCTYPE html> - Used to decalre that it is a HTML5 Document
<html> - The whole HTML document is written inside the the <html>and</html> tag
<title> - Used to define the title of your webpage
<body> - Everything you see inside the browser are written inside the body tag

Now Here's the list of some really useful tags

<div></div>
<p></p>
<span></span>
<b></b>
<i></i>

DEV Community: nikiljos

My first 'Code' PR in Hacktoberfest

Getting Started with HTML

Get Started

Basics of HTML

Here are some cool resources you could refer to