Selected Projects

FragBasic
click to view

fragbasic.fun

FragBasic is a searchable FPS gear research catalog. It covers cloth mousepads, glasspads, gaming IEMs, and mouse skates with category-specific profiles for feel, performance, specifications, strengths and weaknesses, availability, and buying notes. A separate PostgreSQL and Drizzle CMS/API manages catalog data, it is not currently connected to public catalog publishing. Ratings and buying notes are editorial summaries, not standardized laboratory measurements.

#nextjs#typescript#tailwindcss#drizzleorm+1
Tubmind
click to view

tubmind.space

Tubmind is a private idea workspace for capturing rough thoughts, shaping them into structured concepts, and publishing selected ideas for feedback. The historical feature flow includes Google sign-in, private idea capture with ownership-aware sessions, organizing ideas into tubs, tasks and timestamps, public listings with community feedback, and admin moderation with user controls and audit visibility. Built with React, Tailwind CSS, shadcn/ui, React Hook Form, TanStack Query, and Zustand.

#react#tailwindcss#shadcn#react-hook-form+2
Convergence-UI Package
click to view

convergence.suryansu.in

A dynamic theming engine for modern web applications. Inject OKLCH colors directly into your DOM and transform your UI in real-time. Built on the OKLCH color space for perceptual uniformity. Convergence automatically handles contrast ratios and semantic mapping across your entire application.

#javascript#lucide-react#shadcn
Green Panipat Mission
click to view

panipatconnect.com

Panipat Connect is an innovative plantation website where users can add and geotag their plants, fostering a community of nature enthusiasts. The platform features a competitive leaderboard to encourage engagement and an admin dashboard for seamless management. Users can also access a dedicated plant section with downloadable certificates recognizing their contributions and milestones. This project showcases my skills in full-stack development, geolocation integration, and dynamic content generation.

#react#tailwind#leaflet#shadcn
Flora
click to view

flora-hcode

Flora is an innovative plantation website where users can add and geotag their plants, fostering a community of nature enthusiasts. The platform features a competitive leaderboard to encourage engagement and an admin dashboard for seamless management. Users can also access a dedicated plant section with downloadable certificates recognizing their contributions and milestones. Built a similar production deployment for Municipal Corporation Panipat with 10k+ plants.

#react#tailwind#supabase#leaflet+1
ssh-18 hackathon project
click to view

ssh-18.vercel.app

Built a full-stack jewellery e-commerce platform in a 10-hour hackathon. The app features a complete shopping experience — product catalog, cart, wishlist, checkout with live payments, and a user profile with order history. Auth is handled end-to-end with Supabase including Google OAuth, session persistence, and transactional emails via Resend.

#nextjs#tailwind#motion/react#supabase
Todo App
click to view

todo-hcode

A feature-rich Todo application designed for seamless task management. Built with React and Tailwind CSS, it offers a sleek with support for multiple themes to suit user preferences. The app integrates Supabase for robust authentication and data storage. Enhanced with GSAP animations, the UI delivers smooth, engaging interactions, while React Hot Toast provides feedback for user actions. Key features include task prioritization, due dates, and descriptions, all wrapped in a minimalist, user-friendly design.

#react#tailwind#supabase#shadcn
Blog
click to view

blog.suryansu.in

This website is a personal blog built with React and Tailwind CSS, combining modern web development techniques with a clean, responsive design. It offers a seamless reading experience and interactive features to engage visitors. The blog showcases my ability to create intuitive user interfaces while sharing insights and ideas.

#react#tailwind#gsap

UI Templates

Dashboard - React
click to view

dashboard-hcode.vercel.app

Template build using react, shadcn, forms, GSAP and motion. This project is mainly to show a workaround example of dashboard I have built as a working person, this includes small parts of all dashboards I have worked on till now. I will keep updating this as my UI skills improve. Treat it as a UI template.

#react#tailwind#shadcn#gsap+1
Travel Website Template
click to view

travel-website.app

Template build using react, shadcn, forms, GSAP and motion. This project is mainly to show a workaround example of dashboard I have built as a working person, this includes small parts of all dashboards I have worked on till now. I will keep updating this as my UI skills improve. Treat it as a UI template.

#react#tailwind#shadcn#gsap+1