DEV Community 👩‍💻👨‍💻

Cover image for First ever Hackathon
Kumar Kalyan
Kumar Kalyan

Posted on

First ever Hackathon

Hi everyone today I am going to share my first ever Hackathon
experience. Through this article I will share about hackathons, how to grab one, & what I have learned in my first ever hackathon journey.

What is a Hackathon?

Honestly, I was also unaware of this term Hackathon, but few months back while I was attending a tech webinar, from there I got to know about it. A hackathon is basically what we call a competition, arranged by a community, and if you won, you get some swags and prices.

My first hackathon

As I am associated with many communities in discord, last week, I get to know about a beginner friendly one by the dynamics Org, and I enrolled in it through devpost (One of the best places to find ongoing Hackathons).

My hackathon project

As it was my first ever hackathon so I was brain storming a lot, for project ideas and atlast, I have built a basic weather web app who displays weather of a particular place. I have used the HTML5 for my web app layout, CSS3 for the designs, JavaScript for the backend, Openweather.org's API for fetching the weather of a particular city and Unsplash API for background image of my web app (as it gives my web app a new image in the background, every time I fetch the weather of a particular city).

you can checkout the code here

Conclusion

In this whole journey I have learned a lot and made new friends all over the world. That's all about it. Feel free to comment out if you want to ask me something & if you like this blog don't hesitate to hit a ❤️.

Connect



Top comments (6)

Collapse
 
thumbone profile image
Bernd Wechner

Thanks for sharing. Suggest you add a little clarity to the term "app". It has many meanings today alas but basically might be a phone app or a web app at a bare minimum. Just pays to be clear about "app"s IMHO.

Collapse
 
kumarkalyan profile image
Kumar Kalyan

yeah you are right, I going to change it to web app. Thanks for your comment

Collapse
 
rohithv07 profile image
Rohith V

it looks cool

Collapse
 
kumarkalyan profile image
Kumar Kalyan

Thanks bro :)

Collapse
 
lucaargentieri profile image
Luca Argentieri

I recommend to you to hide your API key inside a .env file

Collapse
 
kumarkalyan profile image
Kumar Kalyan

Thanks for letting me know :)

Join us at DEV
Yes, this is technically an “ad”, but really we just want to ask if you want to join DEV. We have 900k+ developers reading, posting, and enjoying community, and would love to have you.   Create an account and continue your coding journey.