I wanna end flavortown with fun. here’s to bad ux and over-engineering (i reckon i should have submitted this to borked ui sidequest) here lets go.

the WORST Amazon Ever

i’ll be making amazon but full of worse ui (read borked), dark patterns and the most un optimized stuff.

apps are now lazy loaded to have a much faster initial boot time and save on memory. made some animations smoother. now apps without sidebar have a solid background by default (can be overrided) and a better boot screen (no loading bar progress %tage and a better unlock button)

after a few weeks of no coding due to personal reasons, i am back. worked on devtools (ignore the lack of blur in the screenshot)

Resizable windows

How it works

• useSession.ts holds the “source of truth” for size + position
• AppWindow.tsx renders the window using that size/position
• react‑rnd tells us the new size/position when the user drags/resizes

1. useSession

it has size: {w,h} and offset : {x, y} which decide the width/height of the window and where it sits on the screen.

2. default size/position

by default, window gets 80% of screen width and 70% height (clamped to ~960x640 so it doesnt get huge)

• a random offset is added so windows are not perfectly stacked when opened.

react-rnd

replaced default framer’s drag with the react-rnd library which saves the new x/y on move or w/h on resize, passes it to useSession and now it renders on new position or new height/width.

Lock screen, top bar and back end updates

I cleaned up a lot of logic and performance optimizations. the top bar was tricky to make due to the existing project structure, finally figured it out by re doing the shell and environment layouts and add a top margin so that windows don’t go over the top bar.

Simplified framer animations and stuff that you won’t really see on the demo but it works smoother and faster now. Stuff like z-index configuration, removing unused noise overlays which put a lot of load on the rendering process. I also removed layout property in dock’s motion animations to make the UI sleek and light.

Portfolio App’s wakatime stats section was redesigned and should work now.

Dark Mode, New Widgets and Layout

(see 2nd pic for older layout)

1. DARK theme. I dont want to blind you folks

Every element and component has been inverted so the default theme is now dark (and thats the only theme)

2. Greetings widget

that guy looked awkward in the left side so made it a widget like other stuff and moved to right (it will be customizable later)

3. App Drawer Bg

it looks better (especially on mobile devices) and now you can also know the number of apps

and yeah quickcontrols is remvoed

NEW WINDOWS APP & LOCK SCREEN

THIS is what windows deserve and yeah also made a minimalist lock screen
@rupnil.codes this is for yaaa

Refine the visual system, new reusable components, and improved core interactions, clean up etc.

Features

• Introduced a new visual configuration hook and applied it across the UI for consistent blur and transparency behavior
• Added a new set of reusable components and migrated existing parts of the app to use them
• Implemented an icons-only dock with click-to-open interaction
• Enabled launching apps directly through the terminal
• Added automatic portfolio launch on system boot
• Updated portfolio projects with latest content
• Added a new favicon

UI / Style

• Updated background styling
• Replaced emojis with icons in the settings app for a cleaner interface

Refactoring

• Standardized internal code structure and patterns
• Renamed style settings to clearer background and transparency modes

Chores

• Removed legacy blur and opacity modules after migrating to the new visual system
• Replaced default Vite assets with project-specific favicon

Front end

Unified login page, combine header buttons into a drop- down

AI is now supported natively as a mode instead of handling it differently

Back end

Support for AI mode

Fix api endpoints (platform stats in credits modal doesn’t return unavailable anymore)

Make AI usage requests based instead of token based

Update layout in crush creation page and add easter eggs (i wont tell you much about this). Minor changes in navbar (its not sticky anymore)

Code Refactoring & A Better Results page

Result page now has a watermark , easier wording and a save as image facility that only saves the summary card fo the results and not the questions.

On the back end, moved all components in one folder with sub folders instead of having multiple feature sub directories individually. Also, yeah the verdict messages are updated and typography too!

Fixed deployment issues and show an “AI Generated” badge on words generated using AI in profile page and the typign area page. Nothing of a big frontend changes but i wanted to document this nevertheless

Better topography and checks to prevent double creation/clicking of submit or quiz creation

1. Changed display font to “Instrument Serif” from “Playfair display”

2. Centered home page with a new hero text

3. Using “Give You Glory” and “Gaegu” fonts in some places to have a playful vibe

4. Updated navbar styling a little bit

5. Bolder fonts - xs –> sm, sm –> md and so on

6. Update button states on submitting/creating and disable them to prevent multiple undesired submissions

See 2nd image for older homepage

Fixed log-in issues & rate-limit AI usage

So basically, the login system and saving the results was taking a lot of time (single SQL entries), used AI to suggest better SQL commands so that’s faster now (or so I hope). Updated credits modal to show platform statistics and also updated the header navigation bar. You can see your AI usage quota on the profile page now [estimated for now]

Implemented basic login/sign up

Users can now sign up using their email and password [and also set up an username]. I took much help from AI in this as I ran into some errors while setting up the Postresql servers and stuff. Its pretty basic rn - some routes are protected and ai generator and history page only works when you are logged in.

Integrate Gemini-API for generating words based on custom theme

Probably the first typing test website to implement this feature. Uses Gemini’s free tier (and gemini-2.5-flash-lite model for now) so its pretty restricted with rate limits and stuff. But i’ll need authentication and accounts before I release this version to prevent abuse.

New TypingArea Engine & Simplified Results-page Charts

Features

• TypingArea: faster, smoother animations and transitions; start/resume overlay and a “start here” focus hint; improved auto-scroll to center the active character. [#290d41b]

Fixes

• Results chart: prevent plotting zero-error points by converting zeros to null (removes visual clutter). [#7598049]

Others (Refactors / Styling / Misc)

• Simplified and improved results charts and tooltip labels; removed accuracy axis and consolidated WPM lines. [#d55cd8e] [#0e6fb21]
• Various type-safety and layout refinements across components.

Blur Configuration, WindowLayouts, Widgets update

I added a widgetUpdater hook to simplify widget updates. Also added detailed weather view (apparent temperature etc etc). Background and opacity levels are now independent (and not stored in local storage to simplify logic). Icons and components are now blurred and made transparent on the choice
WIdgets are now shown on smaller devices too. Also created a WindowLayout component to have uniform styling and layouts for all apps with ability to set custom header and footer. Also the titlebar is now spread out as in widnows (left side name of the app and right side controls). Full screen is better with less space left around

Added new words, fixed padding issues and fixed layouts (Standardised)

Made a custom hook for calculating results and displaying them

Fixed the vercel deployment after hours of messing up with github pages

New Stuff

• Terminal App
• kNotes App
• Basic settings with background and opacity controls
• Analog clock

Fixed windows z-indices and added a iframe test app called Pomdoro app
Bonus: it also has a cool loading screen now

Added minimized view and some widgets!

This is looking so cool ngl. Made it the karretOS

CIVITAS is a digital governance protocol that changes how public finances are monitored. Instead of waiting for post-fact audits, it provides real-time cryptographic checks built specifically for India’s Digital Public Infrastructure.

THE DEMO IS NOW READY!

Dark mode stuff and added a better homepage.
Updated flaggers in the dashboard demo

v2.0.0 - Code Mode, History Fixes and UI Uniformity

• UI refactoring and stuff and stuff
• add JavaScript phrase generation functionality
• Localstorage fixes
• Markdown support in changelog modal
• Backtracking no longer corrects accuracy (updated adjusted wpm logic too!)
• Update animations and the controls bar
• Fix layouts and UI - better animations, spacing etc

UI Refactor, Dashboard Changes, Constraints & Metrics Updates

• Standardized visual system across dashboard/forms (button variants, typography consistency, reduced heavy card/shadow usage).
• Rebuilt intent/transaction browsing into a unified Intent Ledger:
• Rebuilt Bank System into a simpler Bank Ledger flow:
• Simplified fake demo company naming to generic labels (Healthcare Company A/B/C, etc.).
• Made integrity messaging more prominent and explicit in dashboard/public views.
• Fixed proof/verification sequencing flaw:

bolder website with less clutter and a better statement.

UI Updates & Behind The Scenes Updates

Features

• FloatingActionBar Component: Introduced a new FloatingActionBar and moved the navigation actions to it so that they be on screen always.
• ClickSpark Effect: Added an interactive ClickSpark component to the App (Reactbits)
• Crush Page Enhancements: Implemented CrushHeroCard and CrushPreviewCard components, significantly improving the crush page experience with richer visuals and interactivity.
• Icon Support: Used more icons across the website

Updated

• UI Styling Improvements: Enhanced the styling and structure of various UI components
• Progress Bar: Simplified the progress bar for better clarity. (Now it is text based)
• Quicklinks Position: Updated the position of quicklinks for improved accessibility.

Fixed

• CrushPreviewCard Logic: Fixed issues with answer and noClicks not resetting when the form updates, ensuring accurate state management.
• Image Handling: Improved image handling in the CrushPage component

v3 of my portfolio that’s more than just a portfolio. It’s a browser(or os? or a start-page) from the future. [still working]

polished app, fix vercel hosting issues and added a privacy policy

FOR HC REVIEWERS

Backend Models & API:

• Added IntimacyLevel enum, fixed validations, removed redundant docs
• Added CORS middleware, enhanced routing with prefixes, cleaned up rebuild calls

Routers & Pages:

• Implemented quiz creation/navigation, refactored quiz components (removed unused ones)
• Improved Crush/Quiz pages with theme handling, simplified template picker

Updated Vercel redirects/SPA routing, disabled git deployment

added the ask out page yay

updated the routers, pages, backend models and typography from the original “girlfriend quiotient” (see second img) to the first. works perfectly right now adding some more stuff

Typography updates, Unified Results Page for Test Results and History Viewing

• Combined the ResultsPage to handle both new test results and historical attempt details
• Removed the separate detail view from HistoryPage - now redirects to ResultsPage with attemptId parameter
• Added URL parameter support (?attemptId=...) for viewing historical attempts
• Fixed React Compiler memoization error in useHistoryStats hook
• Cleaned up unused imports in HistoryPage component
• UI Enhancements: Typography, Framer Motion Animations, Structure refactoring

rebuilding the website and writing a new project document after having some really good heated discussion and feedback with some people. btw the older version is live for preview at https://civitasai.vercel.app rn

Problem Framing

Most financial corruption does not happen because systems lack data.
It happens because approvals, transactions, and accountability live in separate silos.

Once funds are spent, reconstructing intent is difficult. CIVITAS starts from a simple premise: money should not move without a recorded, verifiable reason.

Core Insight

Instead of trying to “track all money” (which fails with cash and informal flows), CIVITAS enforces accountability at the decision boundary:

• Who approved the spend?
• For what purpose?
• Under what constraints?
• Did the real transaction respect those constraints?

This shift turns corruption from a hidden act into a detectable mismatch.

Verification Logic

CIVITAS continuously checks whether reality matches approval:
This makes audits proactive instead of forensic.

Why This Is Not “Just Blockchain”

Blockchain records transactions.
CIVITAS records intent-to-transaction relationships.

• It works with existing banks
• It minimizes public exposure
• It is human-auditable
• It focuses on responsibility, not speculation

Minor Fixes

1. Header Navbar style update
2. Fix typingengine bug on desktop
3. Modular file structure, split stuff into subfolders

Big Updates

Fixed

1. Improved mobile and desktop text display behavior

2. Added scroll restoration across views

3. Enhanced input field visibility and accessibility

4. Responsive focus mode adjustments

5. Layout padding and margin inconsistencies

6. Removed confetti animation on high score/baseline

Added

1. Focus mode in stats display
2. Improved responsive layout across components
3. Duplicate word removal for slang and English datasets
4. Better line wrapping logic in TypingArea
5. WPM and accuracy charts in history
6. Performance breakdown by language and mode

use react-router-dom and update result metrics

• Implemented HistoryPage to display user’s typing attempts and performance statistics.
• Created HomePage for typing practice with dynamic passage generation and real-time stats.
• Developed ResultsPage to show detailed results after typing tests, including charts and statistics.
• Added utility functions for calculating results and generating chart data.
• Integrated local storage for saving high scores and user preferences.
• Enhanced UI with responsive design and improved user experience.

• update styling
• add responsivity
• add a credit section

add more settings and results page for slang type

made the typing text logic finally!

added settings modal with theme options and initialized localstorage hook

added phrase generation logic. working on useTypingEngine and also disabled slang option if mode is inf i.e. passage mode. Phrase generation uses tokenized words from an array of text samples in data.json and then parses them and combines them to generate a text of desired length.

Setup the project.

AHK Boss Key

Made a quick tool to hide apps instantly with a hotkey—perfect for games, social media, or any distracting windows.

How It Works

1. Edit config.ini with your apps and hotkey.
2. Run boss-key.exe (or boss-key.ahk with AutoHotkey).
3. Press the hotkey to toggle visibility.

Config (config.ini)

Hotkey

[hotkey]
bosskey = ^!b

• ^ = Ctrl, ! = Alt, + = Shift, # = Win
• Examples: ^!b, #h, F12
• Full docs: AutoHotkey Hotkeys

Behavior

[behavior]
minimize_on_hide = 1
restore_on_show  = 0
activate_on_show = 0

• minimize_on_hide = 1: Minimizes before hiding
• restore_on_show = 1: Restores minimized apps
• activate_on_show = 1: Brings apps to foreground

Set all to 0 for smooth, flash-free toggle.

Target Apps

[targets]
1 = Code.exe
2 = chrome.exe
3 = spotify.exe

List the executables you want to control.

Implemented all major functions

• Batch processing of JPEG/HEIC images.
• Multiple filename pattern presets and manual pattern entry.
• Auto-detect common filename formats (Pixel, Samsung, iPhone exports).
• Token based regex pattern builder
• Preview parsed dates before applying.
• Optional: sync filesystem timestamps with EXIF.
• Drag and drop

Made a demo GUI and initialized the file structure for mass mutating EXIF data