You are browsing as a guest. Sign up (or log in) to start making projects!

Open comments for this post

7h 47m 34s logged

I have done too many things and I forgot to add devlogs time to time, sorry for that. But I am including everthing in this one log. Please spare my ignorance.

i took this project because, when someone asked me what have you worked on, I had nothing to show them my work except my github profile.

Unique things in my website that I added (after stardance started), making it special include the yellow dot cursor, sliding morph animated preloader, Cool looking things like ring in contact page and a nice projects display section.

The Dot cursor :
The inspiration for this was the unique cursor in Beest.hackclub.com website. I also wanted something like that but I wanted it to be simple as well. So I made it into a dot. To be honest I love dots.
So when you are in my website all you can use to navigate is this yellow little ball. I hope its cute(Not as cute as me though)

Sliding Prloader :
I wanted to make a preloader for my website, but I wanted it to be different from the usual ones. So I came up with this idea of sliding morph animation. It took me a lot of time to make it, but I am happy with the result. Initially I added a circular animation, the normal one we see everyday when things buffer, yeah yeah that one. But then I worked out this.

The ring in contact page : This is something very simple when you just seeit as it is. But what I did uniquely is making it responsive. Try it on a mobile. You will see the magic. it looks simple but is elegent.

Projects diplay section in index page :
I have kept this simple because it is the 3rd iteration that you see in the website. I have failed 2 times with this one. See, I made it simple first, It was just boring and of nothing good, just a square box. Then I made a scroll, similar to the one you look but for some reason it refused to get postioned properly. No matter what I did, flex justify center allign center, nothing worked. So I had to redo evrthing again and finally ended up with this one. I added hover and links to repo to make it more asthetic and useful and not jsut display.

Rest mentionable is the design style and colours. I have learned some design concepts to make this website nice.
Hope you like it and It was worth it.
#HACKGIRL

0
1

Comments 0

No comments yet. Be the first!