Shibam's portfolio

Shibam's portfolio

•  •  13 updates •  39h 44m

My portfolio, but in an entirely different style! Not just any random portfolio...
Made with nextjs.
(older one : shibamroy9826.github.io)

By Shibam Roy

Timeline

Shibam Roy
Shibam Roy 2h spent working 68d ago

Fixed bugs and made it responsive! Fixed some build warnings that I have been ignoring since a long time, lol, and so its much more optimised now, Finally its done!

Update attachment
Shibam Roy
Shibam Roy 4h spent working 70d ago

Added a contact form at the bottom of landing page, some pics in the gallery and a few minor changes(more pics yet to be added).
Also added a static background for now, because it was looking too empty. Gotta work on the loading screen now

Update attachment
Shibam Roy
Shibam Roy 3h spent working 72d ago

Added a 404 page, fixed some bugs from the about page, and learned more about glsl.
And.... don't kill me for it, but yes I am going back to using an animated video as background😭. Wait! there are reasons okay? First, its developmental complexity, considering I am working on so many projects at the same time(I know, no one told me to work on so many things, but I love doing it...And can't stop myself) , its really hard to manage studies along with this project.
Second, It will still take up almost the same resources, or maybe a little more than the video 😭, so there's no point.
Third, I didn't totally give it up yet, I mean I can probably write some glsl code and make the animation, and then use that animated video as the bg, instead of constantly animating the whole thing each time.
Now, I am left to make the loading screen for it, add up more real data in the acheivements page, and ofcourse add a background animation. Wish me luck!

Update attachment
Shibam Roy
Shibam Roy 1h spent working 76d ago

Sorry everyone, couldn't upload an update in a while, have been busy with research, my highway project, and studies. I am currently learning about GLSL shaders to use that to my website background, and also made minor UI changes to the website. Replaced some place holders with real data too

Update attachment
Shibam Roy
Shibam Roy 3h spent working 79d ago

NOTE: THE BACKGROUND IS ONLY TEMPORARILY REMOVED, I AM WORKING ON SOMETHING BETTER.

Added some text animations, and removed the animated background which was just a video. The first reason to remove it is, performance, it lags a lot in my laptop. The second reason, it feels like a low-effort thingy, and third, its not interactable. So.... I am back to using ThreeJS, I will just not make a quad tree this time and make something else which I have on my mind.
Sorry can't make a video of it, it lags like hell if I turn on screen recorder, but its its pretty smooth, you can try it out yourself though! (https://shibamroy.vercel.app/)

Update attachment
Shibam Roy
Shibam Roy 33m spent working 80d ago

Made the acheievements page responsive, and added small loading... boxes to the projects page, so that its not entirely empty while the projects load.

Update attachment
Shibam Roy
Shibam Roy 2h spent working 80d ago

Now there's a placeholder for my acheivements section instead of being a blank page! Made a few plans about how my final website should look like. I know most of the text stuff is non-animated, and I would fix that, just let me cook!

Update attachment
Shibam Roy Shibam Roy 3 months ago
Thank you!
Navdeep Navdeep 3 months ago
Looks cool!
Shibam Roy
Shibam Roy 8h spent working 83d ago

Made it a little more responsive, fixed a few bugs, and apparently created more bugs than the amount I fixed T-T ...
Also added a animated background, it looks pretty cool now! I initially thought of adding a quadtree animation, but rendering all of that would be either pretty slow, or not too good looking. I would have had to sacrifice performance or quality, but using an animated background fixes both the issues. It looks cool, and relatively much more performant!
Though I still have to complete the acheivements page, and add some finishing to my website, it still doesn't feel as unique tbh.

Update attachment
Shibam Roy Shibam Roy 3 months ago
Forgot to mention, I dropped the plan of creating a dark mode, because I think most people won't need that, and it would not be worth it..
Shibam Roy
Shibam Roy 3h spent working 84d ago

Got pixi.js and some random particles working in my project, but the problem is that it just works, it looks ugly, you may not be able to understand that from the screenshot, but the particles don't even look spherical, they keep taking up weird shapes...

Update attachment
Shibam Roy
Shibam Roy 45m spent working 86d ago

Learned a lot of stuff about threejs, but just dropped the idea of using it, cause I realized, it would be poor in performance. Rendering soo many particles, while casting a glow effect(idk if I will implement it..) and quad tree. Even if it works somehow, idk about others, but my own laptop would likely explode. I should use some other library which is specialized for 2d graphics, currently trying out pixi.js.
However, learning threejs was so cool, I now have another fun project idea, might make it real soon....

Update attachment
Shibam Roy Shibam Roy 3 months ago
NOTE: these colors have nothing to do with the project, I just added them cause I was playing around with the library, I know this doesn't look good
Shibam Roy
Shibam Roy 3h spent working 87d ago

Optimized the music visualizer, now it works with almost no lag in production! currently working on a QuadTree background animation

Update attachment
Shibam Roy
Shibam Roy 1h spent working 88d ago

Completed the skills section (more skills data to be added, but the overall design and stuff).
This too relies on JSON files for information. I also made a minor change in the progress bars, the have a glow hover effect now.

Update attachment
Shibam Roy Shibam Roy 3 months ago
Had some issues with deployment, it was because of the way the JSON was being read, fixed it now!
Shibam Roy
Shibam Roy 3h spent working 88d ago

This is my first update to this project, I completed most of the API logic of my project! Now it can fetch project data from a JSON file, and display that in a page!

Update attachment
Shibam Roy Shibam Roy 3 months ago
Sorry, but forgot to mention, its my first time working with nextjs! and this project is attempt to learn it.