selected work

Projects

Convergence-UI Package
click to view
convergence.suryansu.pro

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.suryansu.pro

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.suryansu.pro

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.pro

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
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
Student Hub
click to view
student-hub.vercel.app

Cooking...

#react#tailwind#shadcn#gsap+1

Designed and Developed by

HR, IN

7:21 pm