DOCKER / MINIO / MULTIPLE FILE UPLOAD

I have finished implemented docker for this project.

I have learnt to create DOCKERFILE, DOCKER-COMPOSE.YAML and how to use images, containers etc.

Now, anyone can pull my repository and run
docker compose up
and have it up and running easy-peasy.

Since, my project uses AWS S3, I have implement MINIO, which means they don’t have to put in their AWS S3 credentials and have it running on their local system.

I have implemented multiple image upload which I should’ve done a long time ago. It was really easy.

Changelog

• Finished Docker Integration.
• feat: add loading context and loader component

Changes made so far :-

• Created a new sprite for shirtless player.
• Added changing of sprite after getting changed.
• Changed the background of the main room to reflect the theme of the game

Changelog

• Added all the rooms, added the usage of cabinet

I added all the walkable areas in all the rooms.
I added a object for cabinet to open after you interact with it.

TODO :

• Only allow the user to move away from the bedroom if he has changed.

Changelog

• Initial Game Commit

I started work on my game Mirrors, which I am making using AGS (Adeventure Game Studio). I have always liked adventure and point and click games, so this is going to be like that. I have gotten some graphics from opengameart.org, and have created all the rooms.

DEVLOG

Hey, after a long time, I am back to working on this project.

I improved the UX of this project by adding a loading screen.

I know its quite an easy task, but I made it globally available, reducing repeated code.

Any time any API request is made a global state loading is updated, enabling easy usage and no repeated code.

Changelog

• fixed jumpscare
• removed resize changer

Just small bug fixes before shipping.

• Resize causes the window to freeze.
• Changed some parts of the secret easter egg.

Have fun trying to find it.

Changes Done So Far

• I have implemented the right click context menu.
• I have implemented the boot screen.
• I have fixed the demo link.
• I have implemented the solitaire game to play, yay.

I am going to ship again as my demo link crashed and didn’t work right last ship. I hope you guys really like this. Try to find out what’s off about clippy.

I forgot to showcase the explorer so here it is in all its glory.
I added a secret easter egg with clippy which I think will be nice for you guys to find. 😛

FINAL DEVLOG BEFORE SHIPPING

Changelog

• Added a tour guide and My Computer to Trash.

I implemented clippy [The famous microsoft mascot as a guide].
It took me a long time, and was achievement with a bit of help from copilot. But, its done.
Along with this, there is also an easter egg which you find with the hint in the attached gif.

I also created a file manager inspired from Windows 95. For this too, I had to rely on AI, as the logic for it went way over my head, but I am proud of what I have done so far.

Small fix to make the project shippable.

-Removed non working maximize button.
-Added sound for ‘not implemented’ window and made it have higher z-index.

FINAL DEVLOG

I am done.

• I fixed some bugs such as the z-Index of error window, finalizing window placement etc.
• Finished the README.

I am really proud of myself for finishing this project.

Progress so far :-

• I have finished “My Projects Page”.
• I have fixed the github pages deployment by changing my project structure.

I am almost done. Just have to finish the README.

Changes Done :-

• Added a “not implemented” error box.
• Implement fully all the windows 95 cursors.
• Background image is saved to local storage.

Now, just some small testing and I should be done.

Changes I made so far

-Added settings window with the functionality to change the background.
-Spent a lot of time on the tabs but they work fine now.

Now, I just have to finish my projects and do a complete test run and I should be ready to ship now.

I finally added a game to this project.

• Wolfenstein 3D was added
• Base of settings and projects are being contructed.

Changelog

• Implemented proper window managment [Active windows vs sleep windows] using z index and styling.

Changes I made so far :

• I added a crt filter to the whole website.
• Tried to add a bezel image but it didn’t work.

Changes made so far

• Implemented start menu
• Fixed resume taskbar and old data in resume bug.
• Changes portfolio images to 8-bit color.

Next to do :

• Implement CRT styling.

Changes made so far

• Added a window and a icon to download a resume. It has a progress bar to show downloading progress.
• Added proper window management with proper z-index management and active and inactive window styles.
• Error on wrong password and login with error sound.
• Fixed icon dragging and weird issues of icons auto moving.

Changes made so far -

• Added login flow to the application.
• Implemented original boot up sound.
• Added draggable icons
  Next to do :
  Add downloadable resume with progress bar.

Changelog

• Add taskbar sound icon PNG file, created the login card, added boundary detection for card, add window to taskbar and minimize, maximize and close functionaliy.

I finished creating the login window. Now, all I have to do is to create a login page and it should redirect the user to the desktop.

Changes made so far -

• I created the minimize, close and maximize buttons.
• Added the window the taskbar.
• Implemented maximize, minimize and close functionality.
• Fixed weird window border issues

I created draggable windows following the instructions from the webOS jam on hackclub.
https://jams.hackclub.com/batch/webOS/part-3

I also added created a window about me and and my links.

I added selection style when clicking on the desktop icons and added the audio image in the system tray.

NEXT TO-DO

• Create a window
• Create a Login Page
• Create a about me window as the first window

I started on my WebOS portfolio. I decided to emulate the look and feel of Windows 95. So, I spent a long time collecting icons and perfecting the icons.

I got the icons from here: https://web.archive.org/web/20260312191901/https://win98icons.alexmeub.com/

So, far it resembles the desktop of Windows 95.

I used this as reference:
https://betawiki.net/wiki/File:Windows95-RTM-Desktop.png

I used the dayJS module for time, I used the font VT323 from google fonts.

Changelog

• Added crop functionality in Transfrom Image Page.

March 13th 2026

• Finally, Implemented the crop feature in this app.
  It took way longer than I expected. I used react-easy-crop
  for this.

Changelog

• Added Tranform Image page, created new endpoint in backend to get image by id

March 13th 2026

Transform Image Page Finished.

• When you click on a image you get redirected to its transform image where you can test out transformations and get the link to view the image.

12th March 2026
I have created the upload page for my Image Transformer.

• The upload page uploads the image to the application.
• I have added cancel and upload buttons.
• The cancel buttons actually cancels the request using abortController.

What’s been built:

• Implemented JWT Access Tokens[Only in application state.] and JWT Refresh Tokens[securely stored in a http-only cookie] which is the golden standard

• Implemented Routing with react-router.

• Implemented a frontend Login, Register and Images pages.

• Added a PersistLogin Component to get fresh accessTokens to maintain login state.

• Learnt about axios interceptors to automatically retry when accessToken is expired using a new accessToken

Learnt a lot about JWT, next step is fully finish the frontend, implement all backend endpoints.

Changelog

• Added caching, background image removal and GET URL-based Image Transformations.

My thoughts on this devlog :

1. This was a long time coming I finally added caching which reduces the time for already produced images.

2. My friend asked for background removal which is now there too using python [rembg]. I am shocked that there is no background removal in Node.js.

3. Now, GET based transformations to easily embed images anywhere you want.

4. It automatically redirects to AWS S3 bucket image.

14th February 2026
Implement linear version tracking for transformation.
When you perform a transformation on an image, you already uploaded. It stacks.
Hopefully we can implement undo redo functionality with in this in the UI.

Next, caching in AWS S3 already run transformations on the same image to reduce CPU load.

13th February 2026

• Implemented a foreign key between user and image in prisma.
• Implement a robust image transformation endpoint.
• Added view images endpoint.

TODO:

• Add history for every image, so that the user can revert his transformations, or see their history.
• Consider caching to get images quicker.
• Use rabbitMQ for asynchronus requests.

• Implemented JWT Authentication for user registration and user login.
• Added a log out route.
• Added a refresh route to get a new access token.
• Only allowed logged in users to upload images to AWS S3.

I have implemented cloud-based image storage using AWS S3 buckets. When a user uploads his image to the application it will be stored in an S3 bucket.

Used Prisma ORM for the first time. Read the documentation and was able to build a basic login and register system. There is no authentication yet but it will be built.

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.