Built with Superr.bioCan I customize my page?
Yes! You can choose from different layouts, select background colors, customize section icons, reorder sections, and much more to make your page truly unique.
Collab with me
Coming soon
Vivek gautam
Builder @ Superr.bio
Building Superr.bio - Link-in-bio tool for serious youtubers — ready in 2 minute .
We are giving 8.99$ / yearly , Steal the deal
Latest
Frequently Asked Questions
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.
Boring list of ideas
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
Testimonials
My Podcast
My Courses
Let's Collaborate
My Merch