Superr.bio LogoBuilt with Superr.bio
Vivek gautam's profile picture
Vivek gautam
Builder @ Superr.bio | The office team
Building Superr.bio - Link-in-bio tool for serious youtubers — ready in 2 minute .
Building Superr.bio , Pusing feature one at a time
Tech Stack for side projects

Backend

🔧 Node.js & ⚛️ Next.js – The dynamic duo for full-stack fun! 🔥 Redis – Because caching is life. (Seriously, we all need faster responses, right?) 📦 S3 Buckets – Storing images like a pro. Zero worries about storage limits. 🗃️ Supabase – Database made easy, with a super-friendly UI to add columns, delete records, and manage foreign keys. No SQL degree required! 🔑 NextAuth – Secure authentication

Deployment & Monitoring

🐙 GitHub – The ultimate home for my code. No drama, just version control bliss. 🌐 Vercel – Deploying my code like a breeze. Zero hassle, all the power. + Free Analytics ⚡ Edge Runtime Support – Coming soon: some edge-tastic features. Because why settle for regular speed when you can have lightning-fast edge runtimes? ⚡

My Work Setup Tour (2025 Edition)

👨‍💻 MacBook Pro 16 – The one and only. 🖥️ No external monitor ⌨️ No extra keyboard – These fingers are trained to type directly 🖱️ No mouse – Just pure trackpad mastery 🎧 No fancy headphones 🧸 Desk taken over by my toddler - That’s okay. We co-work.

Frontend

🌐 HTML, 🎨 CSS, ⚙️ JavaScript ⚛️ React.js 🚀 Next.js 🧩 ShadCN UI Components 🎨 TailwindCSS

What I am building this year
Logwala - The Privacy First Logger

Logwala - The Privacy First Logger

Logwala – A privacy-first logger for your home. Track milk, maids, subscriptions, newspaper and more, all without storing any data. Work start ( June Planned)

Superr.bio - Link in bio for youtubers

Superr.bio - Link in bio for youtubers

Superr.bio is a visually rich, one-page site builder for YouTubers to showcase videos, promote links, and boost monetization—all in one personalized hub.

Boring list of ideas

StackBlogs

Auto-generate blog posts based on Stack Overflow’s most-asked questions like "Sort Arrays" Easy to read and understand

UPSC Checklist & Mind Map Builder

Create custom mind maps and checklists for subjects, notes, and daily study tracking.

SuperSilent – Focus App

A minimalist app that blocks notifications and helps users stay in flow mode for one task at a time. Show analytics at the end of the day Soft , Animated , Less colors

Custom Color Palette Previewer

Pick a palette and instantly preview it on landing pages, shirts, panels, and mockups. Download ready-to-use assets in one click.

QuickCourse

Let creators publish mini video courses like Framer Training, perfect for short learning paths.

AfterLife

It helps families handle death-related legal and financial matters with clarity and peace. From asset claims to nominee transfers, everything is streamlined securely on blockchain

Golf course Finder

Simple Way to find golf and wrapping it with community later. Just a map and pointer to golf course

PDF Studio

Reorder PDF pages, merge files, or draw/write using PDF.js in-browser editor. No Server . Privacy Friendly.

SplitLab

A/B Design Testing Platform or Plugin . Create 2 Figma components , Drag and Drop the selected images. Boom your AB testing url is ready to share . Get live votes and feedbacks from non-designers too in a single click

Trending Memes for Founders

Product hunt for memes . A curated collection of the top-performing memes for SaaS marketing, pitch decks, or social media posts.

TradeJournal

Simple P&L Sheet for Traders Track your intraday trades with a Google Sheets-style log. For beginners , How many trades were actually profitable/losses. Just like simple simple math book. No headache

Screenshot beautifier

Create beautiful, shareable screenshots with ease in browser - A privacy friendlly. One time buy.

Testimonials from Topmate

Shobit Deshwal

Vivek is a very nice person with good experience and knowledge. He has cleared all my doubts and suggested a proper structure to follow. And even reviewed my LinkedIn and gave feedback on it.

Krishnavamsi

I was great connecting with Vivek. As he helped me clearing all my doubts. He helped me to understand How to interviews at products based companies will be, How to preare for them, Tips and Tricks to

Shubham bishnoi's Words

Vivek provided valuable insights regarding linkedIn profile, structuring resume, interview preparation and how to approach problem statement in an interview. He went over the time limit to make sure I

Machine Coding Questions

Interactive Shape Grid

What's Expected: Build a 2D grid where each cell toggles between empty and filled states upon user interaction. Once all cells are filled, they should deselect in the order they were selected. Focus Areas: DOM manipulation, event handling, state management, arrays, and queues

Sequential Progress Bars

What's Expected: Create a button that, when clicked, adds a progress bar to the page. Each progress bar fills over a set duration (e.g., 3–5 seconds). Limit the number of concurrent progress bars (e.g., maximum of 3). Additional clicks queue new progress bars, which start after earlier ones complete. Focus Areas: Asynchronous JavaScript, setTimeout, queues, concurrency control, and DOM updates.

Debounce Function Implementation

What's Expected: Implement a debounce function that delays the execution of a callback until after a specified wait time has elapsed since the last time it was invoked. Focus Areas: Closures, timers (setTimeout/clearTimeout), higher-order functions, and function execution control.

Async Map with Concurrency Limit

What's Expected: Implement an asynchronous map function that processes an array of items using an async callback, ensuring that no more than a specified number of operations run concurrently. Focus Areas: Promises, async/await, concurrency control, and queue management.

Event Emitter with Async Callbacks

What's Expected: Design an Event Emitter class that supports registering event listeners, emitting events, and handling asynchronous callbacks with parameters. Focus Areas: Object-oriented programming, event-driven architecture, asynchronous programming, and callback management.

Sequential Unbind/Bind Click

What's Expected: Implement a feature where clicking a button binds a click event to another element, and clicking again unbinds it. This process should be sequential and maintain proper state throughout. Focus Areas: Event delegation, dynamic event binding/unbinding, state management, and DOM manipulation.

Task Runner with Dependencies

What's Expected: Given a set of tasks and their dependencies, implement a task runner that executes tasks in the correct order, respecting dependencies and allowing for concurrent execution where possible. Focus Areas: Graph algorithms (topological sorting), concurrency, asynchronous programming, and dependency management.

Live Chat UI Implementation

What's Expected: Build a live chat interface similar to Twitch or YouTube Live, handling incoming messages and displaying them in real-time. Focus Areas: Real-time data handling, WebSockets or polling, state management, and UI rendering.

Star Rating Component

What's expected : Interactive star-based rating UI with hover and click states. Create a star rating component allowing users to rate by clicking stars with live visual feedback. Focus Areas: Event handling, CSS hover effects, managing selected/unselected states

Traffic Light Simulator

Description: Build a traffic light UI that changes colors (red, yellow, green) with appropriate timing and state management. Focus Areas: State machine logic, timers (setTimeout/setInterval), CSS styling

Dropdown Component & Multiple Dropdowns

Description: Create dropdowns with keyboard support, multiple dropdowns interacting as a group. Focus Areas: Accessibility (ARIA), keyboard navigation, event delegation

Pagination vs Infinite Scroll

Description: Implement both pagination controls and infinite scroll to load more data dynamically. Focus Areas: Scroll events, API calls simulation, performance optimization, Intersection Observer

Grid with Search, Sort

Description: Create a responsive grid showing data with search box, sortable columns, and proper event bubbling. Focus Areas: Sorting algorithms, event propagation, responsive CSS (flexbox/grid), event bubbling

Tic Tac Toe Game

Description: Build Tic Tac Toe with two-player logic, turn tracking, and win/draw detection. Focus Areas: Game state management, condition checking, DOM updates

Carousel for Displaying Images

Description: Build a carousel showing images with next/previous buttons and optional autoplay functionality. Focus Areas: Timers, CSS transitions, responsive design

File Explorer UI with Nested Directories

Description: Create a file explorer UI that can expand/collapse folders and display files with different extensions. Focus Areas: Recursion, tree traversal, dynamic rendering, state management

Nested Checkboxes with Parent-Child Sync

Description: Implement nested checkboxes where toggling a parent checkbox updates all children and child changes reflect on parent. Focus Areas: State synchronization, recursion, event handling

Snake and Ladder Board Game

Description: Build Snake and Ladder with dice, player tokens, and game logic. Focus Areas: Game logic, UI animation, state management

Event Emitter Implementation

Description: Create an event emitter class that supports registering, emitting, and removing event listeners. Focus Areas: JavaScript classes, callbacks, event-driven programming

Form Generator from JSON Data

Description: Parse JSON data describing form fields and render a working form dynamically. Focus Areas: JSON parsing, dynamic rendering, form validation

Typeahead/Autocomplete

Description: Implement autocomplete with trie-based search for performance and scalability. Focus Areas: Data structures (Trie), search algorithms, UI rendering