nisarga - Stardance

Ship

@nisarga on My personal portfolio · 13 days ago

I have been working on this project from a week now continuously everyday. and I think I am at a stage where I can ship this project first time.
While building this website my focus was not on building a really cool project, but learning and understanding what i am building. And I think my have achieved that goal. I now know basics of HTML and Tailwind CSS with some simple Vanilla JS.
After building this, now I don't need to be just share my github profile when some one asks on slack, "What projects have you worked on?". Now i can just share them my portfolio showing my work proudly.

I have not used AI to any part of the website directly. I sure have used it to troubleshoot some bugs and understand code. nothing more then that.

I hope my efforts were worth the time and you won't discard my hard work while rating this project.
Thank you folks...!

1 devlog
8h

Try project → See source code →

Open comments for this post

@nisarga on My personal portfolio · 13 days ago

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