Projects using Tailwind CSS in HapurProjects using Tailwind CSS in Hapur
Cover image for The Event Horizon 🪐 -
The Event Horizon 🪐 - Exploring cinematic depth and dark-mode precision. A digital experience designed for deep-tech, luxury, and creative brands that want an unforgettable first impression: • Cosmic glow & ambient 3D lighting • Minimalist editorial typography • Smooth, weightless micro-interactions • Responsive & performance-focused layout Currently available for 1-2 new freelance web design & creative development projects this month. Would love to hear your thoughts on this aesthetic! Drop your feedback below 👇
1
59
Cover image for Title: High-Converting Landing Page &
Title: High-Converting Landing Page & UI Polish Explanation: Partnered with a design agency to overhaul a legacy client landing page. My focus was on converting a static HTML/CSS design into a modular Next.js structure with Tailwind CSS, prioritizing SEO and Core Web Vitals (achieving 90+ across all metrics on mobile). Integrated complex Framer Motion animations for smoother interaction, leading to a 25% increase in sign-up conversions. Proved that a pixel-perfect, fast UI drives real business results.
2
481
Cover image for Hot Food is a Full-Stack Food
Hot Food is a Full-Stack Food Delivery Platform featuring a Customer App for menu browsing, cart management, and secure Stripe payments, alongside an Admin Panel for managing food items and tracking orders. It’s built with React, Node.js, and MongoDB, ensuring a fast, secure, and mobile-responsive experience.
0
43
Cover image for  A Modern Doctor Appointment
A Modern Doctor Appointment Platform 🩺 Booking a doctor's appointment shouldn't be a headache for the patient or a logistical nightmare for the clinic. I recently engineered a full-stack appointment booking system designed to make healthcare access as frictionless as possible. What this platform delivers: 🔹 Seamless Scheduling: An intuitive UI that allows patients to find available slots and book appointments in seconds. 🔹 Provider Dashboard: A robust backend system for doctors and clinic staff to easily manage their daily schedules and patient flow. 🔹 Automated Management: Features designed to reduce no-shows and streamline the entire booking lifecycle.
0
82
Cover image for I built a cinematic SaaS
I built a cinematic SaaS landing page inspired by Awwwards-level design. This wasn’t just about visuals — it was about crafting an experience. Here’s what I focused on: • Scroll-driven storytelling using GSAP • Word-by-word text reveals with SplitType • Smooth, cinematic transitions (no janky animations) • Glassmorphism navbar with dynamic states • Interactive CTA with layered depth and motion Every section was designed to feel intentional — from the hero to the footer. The goal wasn’t to impress with complexity, but with timing, restraint, and flow. Tech stack: React + Tailwind + GSAP + ScrollTrigger Link : https://cinematic-saas.vercel.app (https://cinematic-saas.vercel.app/)
1
75
Cover image for AI-Powered Luxury UI Design
LuxeGen is
AI-Powered Luxury UI Design LuxeGen is an innovative platform that leverages artificial intelligence to empower designers in creating luxurious and sophisticated user interfaces. The core functionality revolves around an intuitive prompt-based system, allowing users to describe their desired UI elements. As you prompt, iterate, and refine your design ideas, the live preview updates in real-time, providing immediate visual feedback and accelerating the design process. AI-Powered Design Generation: Describe your UI needs and let AI generate stunning luxury components. Live Preview Updates: See your design evolve instantly as you make changes. Iterative Refinement: Easily tweak and perfect your UI elements through a seamless workflow. Focus on Luxury Aesthetics: Tailored for creating high-end, premium user interfaces. LuxeGen aims to streamline the creation of visually rich and premium digital experiences, making sophisticated UI design more accessible and efficient.
1
103
Cover image for Website redesign focused on modern
Website redesign focused on modern UI, responsive performance, and clean frontend implementation.
1
64
Cover image for RYOIKI, an animated anime fan
RYOIKI, an animated anime fan site (non-commercial concept). Scroll-driven animations and a full-screen "domain expansion" sequence with sound. Next.js + Tailwind CSS. Live: https://ryoiki-jjk.vercel.app
0
8
Cover image for ShopEase – Shop Management System
ShopEase
ShopEase – Shop Management System ShopEase is a full-stack inventory and order management system designed to streamline retail operations for small to medium-sized businesses. Built using the MERN stack (MongoDB, Express.js, React, Node.js), it offers a robust backend API and a responsive frontend interface for both administrators and customers. 🔧 Backend Highlights (ShopEase_ShopManagementSystem_Backend) User Authentication: Secure login and role-based access for admins and staff using JWT. Product Management: Full CRUD operations with category support, image uploads via Cloudinary, and advanced filtering, sorting, and pagination. Order Management: Create, track, and analyze orders with real-time status updates and analytics endpoints. Customer Sessions: Lightweight session handling for customer interactions. Deployment Ready: Configured for Render with environment variable support. 🛍️ Frontend Highlights (ShopEase_ShopManagementSystem_Frontend) Customer Interface: Browse products, manage cart (via local storage), and place orders with a clean UI. Admin Dashboard: Manage inventory and orders efficiently. Responsive Design: Built with Bootstrap for seamless experience across devices. Session Handling: Cookie-based session management for persistent user experience. Deployment Ready: Optimized for Vercel with configurable API endpoints.
0
85
Cover image for What if customer data didn't
What if customer data didn't just sit inside a CRM? This concept explores an AI-native CRM that turns customer records into audience discovery, revenue opportunities, campaign recommendations, delivery simulations, and attribution insights. Instead of manually filtering spreadsheets and building segments, the system continuously identifies high-value audiences, predicts opportunities, and suggests the next campaign to launch. Designed around a simple idea: Customer Data → Intelligence → Segments → Campaigns → Revenue Exploring how AI could transform CRM from a database into a growth engine.
2
144
Cover image for Brew Haven is a custom React
Brew Haven is a custom React web application I engineered for a specialty coffee brand to turn casual site visitors into loyal patrons. I designed a 3D parallax brand story, an interactive drink recommendation tool, a rich digital menu with ingredient breakdowns, and a table reservation system. Built with React, TypeScript, and Tailwind CSS, it delivers instant load times, smooth micro-interactions, and flawless mobile responsiveness that elevated the restaurant's digital presence.
1
74
Cover image for My freelance portfolio site —
My freelance portfolio site — built in Next.js with custom typography, scroll-driven animation and a live WordPress project grid. Scores Lighthouse 95+ and is fully SEO-optimised with structured data.
0
18