sanjeevirajanramajaya

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.