Creative Developer

Hi, I'm Srujan Gurram

Building creative web experiences with code & design.

View My WorkGet in Touch

About Me

I'm a full-stack developer and UI/UX designer focused on building high-performance, user-friendly web experiences. I enjoy working across the stack, from design to DevOps, and have led projects using modern web tech, AI, and blockchain. I value clarity, usability, and real-world impact in everything I create.

Connect with me

X (Twitter)LinkedIn

Experience

A curated timeline of roles and projects, highlighting responsibilities, systems I led, and the outcomes delivered.

  1. B
    Lead Engineer
    Braindao

    Led IQ GPT (Aiden), rewrote IQ.wiki with Next.js, built the AI editor ‘Sophia’, and now lead IQ AI for ATP and ADK‑TS.

    Mar 2022 — Present
  2. B
    Fullstack Engineer
    Braindao

    Delivered backend features for IQ.wiki, built IQ Social, and created IQ GPT (Aiden). Developed internal packages like Wagmi Magic connector and IQ Login.

    Dec 2022 — Mar 2023
  3. B
    Frontend Engineer
    Braindao

    Built key IQ.wiki pages, improved UX, and collaborated with design and backend teams.

    Feb 2022 — Dec 2022
  4. AJ
    Webmaster
    ACM JNTUK UCEV

    Built and maintained chapter website, supported events, and developed multiple college sites.

    Sept 2021 — Sept 2022

Projects

A compact selection of tools and experiments.

  1. BeatURL
    BeatURL

    A browser-based step sequencer that encodes entire beat patterns directly into the URL. No database, no backend — just share the link.

    Web Audio APIURL State EncodingTone.js
  2. Respace
    Respace

    A Raycast extension to open apps, files, folders, URLs, and terminal commands in organized workspace bundles with a single click.

    Raycast Extension APIGit sparse checkout
  3. InstallKit
    InstallKit

    Bulk app installer for Mac. Browse curated popular apps, select what you need, and get a ready-to-paste Homebrew command.

  4. Transedit
    Transedit

    A local-first Next.js app for editing translation JSON files with offline persistence and easy sharing.

    More ways to avoid using DBs xD
  5. Syncia
    Syncia

    A Chrome extension to access ChatGPT on any webpage, fully customizable with custom prompts and many useful features.

    Serverside Events (SSE)Chrome Extension APILLMs
  6. Timeswitch
    Timeswitch

    A webapp to share events in users' local time with countdown, description, calendar buttons, and timezone conversions.

    More experience with handling datesDynamic Opengraph ImagesEmotion and Mantine
  7. Notrix
    Notrix

    A simple markdown note-taking app using IndexedDB, with drag-and-drop reordering and dark mode.

    IndexedDBDrag and DropApplication Designing
  8. Watchlister
    Watchlister

    Manage your Notion watchlist easily. Auto-fills Movie/TV/Anime details using Notion and TMDB APIs.

    Notion APINextjs Backend FunctionsDebounce and Throttle for perfs
  9. Covercons
    Covercons

    Generate beautiful Notion cover images with Google Material icons and custom backgrounds.

    generating SVGs dynamicallyExporting SVGs as downloadsworking with different form elements
  10. MailSpread
    MailSpread

    Create email templates with tags for users to fill, generating shareable links and mailto forms.

    more experience with regexPico CSSA bit of JQuery
  11. Copydock
    Copydock

    Share text via URL without storing data on a server. Includes built-in link shortener.

    Mantine UIURL Encodinglink shortening
  12. Todota
    Todota

    A simple, distraction-free todo list app.

    React Nativeexpo

For more projects, visit my GitHub

Blog

Thoughts on technology, development, and life.

How We Squeezed Drum Beats into URLs
How We Squeezed Drum Beats into URLs

Ever tried sharing a URL that's longer than the content it links to? Yeah, we had that problem. BeatURL lets you make drum patterns and share them — but the pattern lives in the URL itself. No database, no server, no accounts. Just a link. The catch?...

February 9, 2026

Read more
Creating Elegant Clickable Table Rows in Next.js
Creating Elegant Clickable Table Rows in Next.js

The Challenge We've all been there - you're building a data-heavy application with tables, and you want users to be able to click anywhere on a row to navigate to a detail page. But wait, what about those action buttons in the last column? How do you...

April 13, 2025

Read more
Maximize Your TypeScript Skills: Rarely-Used Features You Need to Know
Maximize Your TypeScript Skills: Rarely-Used Features You Need to Know

Welcome to my comprehensive guide on some of the lesser-known features of TypeScript! 🤗 TypeScript is a powerful typed superset of JavaScript that can help you write more maintainable and error-free code. In this guide, I will be covering a variety ...

December 18, 2022

Read more
How I made a Tiny Web App that lets you share Email Templates in Style
How I made a Tiny Web App that lets you share Email Templates in Style

🧘🏻‍♂️Quick introduction Mailspread is a email template sharing application that lets creators to create email templates and share it with their users. And yes its yet an other mailto generator but with powers ! This tool is so simple that it has o...

February 6, 2022

Read more
print("Hello world, Just started Blogging !");
print("Hello world, Just started Blogging !");

Finally! This is my first blog post ! So, thought to make a blog for so long and it's been ages since i entered npx create-next-app blog in my terminal 😅. Well, its my school to blame for some part and me just doing some other apps in free time. It'...

January 25, 2022

Read more
View All Posts
Contact

Get In Touch

Have something to discuss? I'd love to hear from you and connect.

xxxxxxx@xxxxxxxxxxxx.xx