DEV Community

loading...

DO Hackathon Submission: Personal Site/Portfolio

Georgey
Looking forward to connect with web devs around the world! Engineer || Content-Writer || Athlete
・2 min read

What I built

I built a new version of my personal site hence I named it v2.0 in the header. It had been a year since I learnt Web development and there's a lot more for me to get my hands on. This hackathon motivated me to learn a new CSS library, hence giving a upgrade to my old site.

Category Submission:

Personal Site/ Portfolio

App Link

Click here

Screenshots

georgey-homepage

georgey-languagespage

georgey-darkmode-page

Description

So before starting the project I had made up my mind to learn a new framework else it had to be my mentor who would teach me. So at first I was little hesitant to start. I was getting certain thoughts like would I be able to implement it properly or would it become a disaster at last but eventually it weared off and I started working on the project v2.0 of my personal site.

Link to Source Code

Source code on GitHub

Permissive License

MIT License

Background

So basically I had almost completed my Web Development Bootcamp Course when I came to know about the hackathon, and so I wanted to test my skills I have learnt hence I thought this would be a good chance not only to apply my skills but to learn a new library too which would speed up my work. I was hooked up in my academics but this hackathon gave me a reason to come back to coding and revive.
I had already created a personal site but there was very less functionality to it, less interaction, and I had hardly used BootStrap in it and therefore voila!

How I built it

First of all Thanks a lot to Digital Ocean for giving this opportunity and a reason for me to skip my academics because I love coding and my friends think I'm weird but I don't care because there's thousands like me and I have interacted with many too.

Well there are 3 new features I learnt and I added to my site and thats :-

  • I used TailWind CSS library.
  • I implemented a Light and Dark mode to the website which toggles according to the OS theme of the users device.
  • I added a AOS library by Michal Sajnóg

Additional Resources/Info

Discussion (2)

Collapse
arashnrim profile image
Arash

Congratulations on revamping your portfolio! It's one more project to add onto your portfolio (funnily) and, more importantly, another opportunity to learn as you have. 🎉

Collapse
geobrodas profile image
Georgey Author

Damn thanks Arash 😂
Good luck to you too 👍