I help business owners transform their ideas into quick, editorial web platforms with Sanity CMS, Next.js, and Vercel.

projects

github

medium

Chintan Sudani • Peerlist

<h3>WhatColor - Color Picker &amp; Eyedropper</h3>The fastest color picker and eyedropper for designers and developers. This privacy-first tool allows you to pick any on-screen color using the native eyedropper functionality. It seamlessly converts colors between HEX, RGB, HSL, and CMYK formats, enabling you to copy the desired format with a single click.<ul><li>Native EyeDropper: Pick colors directly from webpages or your screen.</li><li>Format Conversion: Easily convert and copy colors in HEX, RGB, HSL, and CMYK.</li><li>Auto-Copy: Option to automatically copy your preferred color format.</li><li>Color History: Keep track of recent colors with an adjustable limit.</li><li>Named Palettes: Save and manage named color palettes locally on your device.</li><li>Image Color Picking: Pick colors from an uploaded image.</li><li>Keyboard Shortcut: Quickly activate the tool with Alt+Shift+C (configurable).</li><li>Privacy-Focused: Operates with only the necessary storage permission, without analytics, ads, or tracking. All colors and settings are stored locally in your browser.</li></ul>This extension is compatible with Chromium browsers that support the EyeDropper API, including Chrome, Edge, Brave, and Opera.

WhatColor - Color Picker & Eyedropper

v0 Prompt Linter is an innovative tool designed to analyze and enhance your prompts before they are sent to v0. This tool leverages official v0 best practices to ensure that your initial prompts are optimized for clarity and effectiveness. While it excels at analyzing initial prompts, it may offer less accurate analysis for follow-up or conversational prompts.<h3>Key Features</h3><ul><li>Prompt Analysis: Enter a prompt and click 'Analyze Prompt' to receive a detailed analysis and score based on the v0 Prompt Framework.</li><li>Improved Prompt Suggestions: Receive an improved version of your prompt, crafted to better align with v0's guidelines.</li><li>Comprehensive Feedback: Understand the components, data, actions, and context of use for your prompts, ensuring they meet the desired outcomes.</li><li>Constraints &amp; Taste: Get insights into the visual tone, layout, and platform constraints to refine your prompts further.</li></ul>Utilizing technologies such as React and JavaScript, v0 Prompt Linter provides a seamless user experience, making it an essential tool for developers and AI enthusiasts looking to refine their prompt crafting skills.

v0 Prompt Linter

Developed a custom eSign KYC onboarding module for sub-brokers, streamlining the verification process on AngelOne’s web-based trading platform. Role &amp; Stack: - Built the full module using Vue.js, with detailed button-level validations at each step to prevent improper user actions - Set up and configured Jest and <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="http://Cypress.io">Cypress.io</a> for both unit and end-to-end testing - Wrote 534+ test cases across components, pages, and services to ensure quality and resilience Outcome: Achieved 90%+ code coverage with a more secure and smooth KYC experience for end users, reducing onboarding friction and improving sub-broker compliance workflow.

AngelOne – eSign KYC Module for Sub-Brokers

Built the next-gen eCommerce storefront for Ape Beverages, a health-first hydration brand, using Shopify Hydrogen to deliver lightning-fast performance and a premium user experience. Role &amp; Stack: - Developed the storefront using Shopify Hydrogen, React.js, Tailwind CSS, and GraphQL - Focused on creating modular, scalable UI components with a mobile-first design approach - Implemented key features like product filtering, hydration education content, and animated transitions - Optimized the site for core web vitals and SEO, leading to high PageSpeed Insights scores Outcome: Successfully launched a fast, visually engaging platform aligned with the brand’s eco-conscious and premium positioning, boosting both customer engagement and conversion performance.

Ape Beverages – Shopify Hydrogen eCom Site

Built a GPS-enabled drone to autonomously detect garbage accumulation in public areas using image processing and sensor data, promoting smart city cleanliness initiatives. - Collaborated on drone hardware design and autonomous path planning - Developed an image recognition model using Python + OpenCV for garbage detection - Integrated Raspberry Pi, GPS module, and custom logic for drone autopilot control

Autopilot Drone for Garbage Detection

Senior Frontend Developer | Next.js | React.js | Typescript | Sanity CMS | Vercel | SEO Specialist

As a Lead Software Engineer, I independently architected and delivered high-impact websites from scratch for Done&amp;Co.'s clients spanning sports, real estate, wellness, and creative industries — transforming design vision into performant, scalable digital platforms. Projects Delivered: <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://psaplano.org">Plano Sports Authority (PSA)</a> – Youth sports league management and scheduling platform <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://hawkbuildersdev.com">Hawk Builders Dev</a> – Real estate development firm site with project showcase modules <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://kerstingcreative.com">Kersting Creative</a> – Agency portfolio with smooth animation and CMS-powered case studies <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://kindlyhuman.com">Kindly Human</a> – Mental health &amp; emotional support site optimized for storytelling <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://lmilandscapes.com">LMI Landscapes Texas</a> – Landscape architecture and design service company platform Role &amp; Stack: - Built all projects using Next.js, Sanity CMS, and Tailwind CSS - Designed scalable, reusable components using the Atomic Design methodology - Created custom Sanity schemas with flexible page builders for non-technical client teams - Delivered fully responsive, SEO-optimized, and Core Web Vitals-compliant platforms - Ensured cross-browser consistency, accessibility, and high performance across the board Outcome: Enabled Done&amp;Co.'s diverse clients to launch fast, visually compelling, and CMS-manageable websites — helping them better tell their brand stories and drive digital growth.

Client Projects @ Done&Co. – Marketing Sites

Spearheaded the development of DronArjun, an edtech platform aimed at delivering career guidance and mental health training to secondary school stakeholders across Madhya Pradesh as part of NEP 2020 initiatives. Role &amp; Stack: - Served as Founding Frontend Engineer, designing and building the entire platform architecture using Next.js, HeroUI (NextUI), shadcn/ui, and Tailwind CSS Built four integrated modules: - Platform – Role-based dashboards for principals, teachers, students, and admins - Helpdesk – Ticketing system for support teams - Assessment – Psychometric test system for students - LMS – Learning platform for students and teacher training - Developed a complete React Native mobile app for the entire ecosystem to ensure accessibility and real-time updates on the go - Collaborated with government stakeholders, product teams, and psychologists to align features with educational goals Outcome: Successfully launched a scalable digital ecosystem that supports over 1 million+ students and educators, delivering personalized guidance and tracking growth at a state level.

DronArjun – Career Guidance LMS

Contributed to the development of EQONEX, a high-performance forex trading platform delivering real-time market insights, order execution, and financial tools. Role &amp; Stack: - Built key UI components using React.js, Next.js, and TypeScript - Integrated the TradingView Charting Library for advanced candlestick visualizations, overlays, and drawing tools - Followed Behavior-Driven Development (BDD) principles to ensure robustness and maintainability - Collaborated within an agile team to align interface behavior with live market conditions Outcome: Improved user experience for professional traders by enabling responsive, real-time chart interaction and fast execution. Helped ensure the frontend met financial-grade precision and visual clarity.

EQONEX – Forex Trading Platform

Led the end-to-end frontend development of hopRemit (for customers) and k2Remit (for vendors), core products in moneyHOP's cross-border digital banking ecosystem. Role &amp; Stack: - As a founding tech member, built both remittance platforms from scratch using React.js, Next.js, and Tailwind CSS - Implemented scalable architectures using Progressive Web Apps, AWS Amplify, S3, and DynamoDB - Collaborated closely with founders and PMs to shape product strategy and achieve product–market fit - Mentored junior developers, contributed to hiring, and resolved real-time production issues in onboarding and transaction flows Outcome: Launched mission-critical remittance systems that enabled seamless cross-border financial transactions and laid the frontend foundation for moneyHOP’s neobank vision.

hopRemit & k2Remit – Cross-Border Remittance

Contributed to the development of India Flower Plaza, a full-featured e-commerce platform offering floral products and delivery services. Role &amp; Stack: - Developed the frontend interface using PHP, Laravel, and JavaScript - Designed and implemented a threaded comment system to enable real-time user reviews and interactions - Collaborated in an agile team environment, contributing to sprint planning and QA Outcome: This project significantly strengthened my skills in user experience design, data structuring, and thinking from the end user's perspective early in my career.

India Flower Plaza – E-commerce Platform

Worked on the PayU payment platform to build a seamless Bill Pay module leveraging Bharat Connect and Bharat BillPay. The feature allowed users to schedule, track, and manage recurring utility bill payments with ease. Role &amp; Stack: - Developed and integrated the Bill Pay UI and logic using React.js - Enabled recurring billing setup, user validation, and transactional flows through Bharat BillPay APIs - Ensured a secure and responsive experience across devices Outcome: Delivered a robust module that simplified the recurring billing process for thousands of users, aligning with India's digital payment ecosystem goals under the Bharat BillPay framework.

PayU – Bill Pay Module (Bharat BillPay)

Contributed to PromptPal, an AI productivity platform for discovering and sharing high-quality prompts across tools like ChatGPT, Bard, and Bing, with a focus on frontend revamp and advanced search. Role &amp; Stack: - Redesigned the user interface using Next.js, React.js, and <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="http://Sanity.io">Sanity.io</a>, with a component architecture following the Atomic Design System - Implemented a unified Algolia-powered search experience to improve data retrieval speed and prompt discoverability - Developed responsive, modular UI components and optimized for accessibility and performance - Collaborated closely with product stakeholders to align UX improvements with real user feedback Outcome: Boosted platform usability, enabling faster exploration of 1,000+ prompts across domains like marketing, writing, SEO, and development, and laid the foundation for scalable CMS-driven content.

PromptPal – AI Prompt Search Platform

Designed a prototype system to manage parking efficiently using QR code scanning for vehicle entry and exit. The system enabled real-time logging of parking slots, enhanced security, and reduced manual errors. - Led frontend logic for QR code scanner and parking logs - Worked with Java, MySQL, and OpenCV for scanner integration - Developed with a focus on low-resource environments and minimal human intervention

QR Code Based Parking Management System

Launched QwiQ Games, a next-gen free online gaming platform offering 2,000+ HTML5 games across categories like action, arcade, puzzle, and multiplayer — with no downloads, logins, or interruptions. Role &amp; Stack: - Led the end-to-end development of the platform using Next.js, Sanity CMS, and Tailwind CSS - Integrated third-party SDKs, including GameDistribution and GameMonetize, enabling seamless ad monetization and game embedding - Designed a scalable, performant frontend architecture with a focus on Pagespeed Insights optimization - Built reusable and dynamic content blocks with <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="http://Sanity.io">Sanity.io</a>, enabling the marketing team to update content without engineering support Outcome: Delivered a high-performance, mobile-friendly gaming experience with instant load times and intuitive UX, attracting thousands of daily users and paving the way for future game developer collaborations.

QwiQ Games – Web based Online Gaming Platform

Contributed to SigNoz, a developer-first observability platform and open-source alternative to Datadog, with a focus on UI enhancements and query interface improvements. Role &amp; Stack: - Built and shipped features in the Query Builder (QB), including a custom Select component for the WHERE clause (tag key, operator, value) - Used React.js, TypeScript, Redux, Ant Design, and Jest for robust frontend development and test coverage - Actively participated in sprint planning, Git workflow, and scrum ceremonies - Collaborated via GitHub, resolving over 33+ issues: <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/SigNoz/signoz/commits?author=techchintan">Check Contributions</a>

SigNoz – Open Source Observability Platform

Built a peer-to-peer learning platform that connects students and teachers to schedule sessions, make payments, and learn directly, even allowing teachers to learn from other educators, fostering a collaborative learning environment. Role &amp; Stack: - Developed core features using the MERN stack (MongoDB, Express, React, Node.js) - Implemented appointment scheduling, secure payment integration, and responsive UI - Worked closely with the product team to refine user flows and mentor onboarding logic Outcome: Enabled a flexible learning ecosystem for both students and educators, helping the platform support scalable session management and multi-role access control.

StudEarn – EdTech Learning Platform

Contributed to the core Mortgage SaaS platform by developing a high-performance Operations Dashboard that empowered users to monitor, manage, and streamline mortgage processes in real time. Role &amp; Stack: - Built and optimized frontend interfaces using React.js, TypeScript, Node.js, and GraphQL - Led high-ticket bug fixes and collaborated with the product/design teams to translate wireframes into responsive UI components - Delivered key features across multiple modules, including status tracking, task queues, and performance charts Outcome: Helped improve operational transparency for mortgage stakeholders and enabled faster task turnaround through a well-structured, componentized dashboard experience.