Freelancers using Tailwind CSS in Hapur

Freelancers using Tailwind CSS in HapurFreelancers using Tailwind CSS in Hapur

Projects People

Ghaziabad, India

Product Designer & Frontend Dev for UI & 3D experiences

18: Followers

Product Designer & Frontend Dev for UI & 3D experiences

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

98

Cover image for A business card designed to

A business card designed to feel like an executive identity — not just stationery. Designed for Victoria Ferrouss Bioenergy, this premium visiting card was created specifically for Founders, CEOs & CTOs — where the smallest brand touchpoint still needs to communicate authority, precision, and trust. The direction combines deep forest green, brushed metallic gold, organic leaf detailing, and a flowing energy-inspired curve to reflect the intersection of clean energy, technology, and premium leadership. But the goal wasn't simply to make it “look luxurious.” Every detail was considered to make the card feel physically premium — from the rounded corners and tactile surface to the metallic foil treatment, selective embossing, refined spacing, and strong visual hierarchy. The result is a brand touchpoint that feels established, intentional, and executive before a single conversation begins. Clean Power. Elevated. Designed for Victoria Ferrouss Bioenergy Private Limited.

2

21

Cover image for NariCare — An AI-Powered Women's

NariCare — An AI-Powered Women's Health Intelligence Platform Women's health deserves more than a simple period tracker. NariCare is designed to transform cycle tracking into an intelligent health experience—combining AI-powered predictions, personalized insights, interactive dashboards, and a thoughtfully crafted user interface to help women better understand their body's unique biological patterns. Rather than simply recording dates, NariCare interprets trends, visualizes hormonal changes, and delivers meaningful insights through a calm, intuitive, and modern digital experience. Built with equal attention to product thinking, design systems, frontend engineering, and user experience, every interaction was carefully refined to make complex health information feel approachable, beautiful, and genuinely useful.

2

90

Cover image for Designed a high-impact cybersecurity SaaS

Designed a high-impact cybersecurity SaaS experience focused on translating complex, technical offerings into a clear, structured, and conversion-driven interface. Leveraged a strong visual hierarchy, modular component system, and a refined dark UI with strategic orange accents to guide user attention, improve scannability, and reinforce a sense of trust and precision. The outcome is a scalable, system-driven design that balances depth of information with clarity — enabling users to navigate, understand, and act with minimal friction.

13

7

553

Tailwind CSS(1)

Brand Web Designer | Online Fitness Coach

New to Contra

Brand Web Designer | Online Fitness Coach

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

64

Cover image for The "Monster" Website: A High-Performance

The "Monster" Website: A High-Performance Full-Stack Build 🚀 Building a robust web application requires more than just a clean UI; it needs an architecture that scales. I recently wrapped up development on the "Monster" website, a full-stack project built from the ground up to deliver a seamless user experience.

0

69

Cover image for I Built this Simple Tasklytic

I Built this Simple Tasklytic Project

0

61

Cover image for A local bakery needed a

A local bakery needed a digital storefront that was as inviting as their shop. The goal was to move beyond a simple menu and create a high-performance platform for orders, custom cake inquiries, and brand storytelling. I built a fully responsive, visually-driven website focused on user experience (UX) and conversion. Performance-First Design: Optimized image handling for high-res food photography without sacrificing speed. Modern Tech Stack: Developed with Typescript and Tailwind CSS for a sleek, lightning-fast feel. A digital experience that doesn't just look "delicious" but actively converts visitors into customers.

2

111

Tailwind CSS(2)

Mohd Azman Idrisi

Ghaziabad, India

React Native & Full-Stack Developer

New to Contra

React Native & Full-Stack Developer

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

58

Cover image for Create a Dynamic 3D Web Experience for Bentley Motors

A premium, Awwwards-inspired website for Bentley Motors featuring an interactive 3D car model, cinematic loader animation, glassmorphism UI, and scroll-driven GSAP animations.

0

48

Cover image for AI Resume Analyzer with authentication,

AI Resume Analyzer with authentication, uploads, ATS scoring, and job-matching feedback

0

46

Cover image for College Online Leave Management System

College Online Leave Management System app to simplify leave application process by 90%, Current userbase - 200+

0

60

Tailwind CSS(5)

Product Designer & AI Frontend Engineer | Next.js 15 & Figma

New to Contra

Product Designer & AI Frontend Engineer | Next.js 15 & Figma

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

66

Cover image for LuxeGen — AI-Powered Luxury UI
AI-Powered

LuxeGen — AI-Powered Luxury UI 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

25

Cover image for Spent the last few days auditing health-tech apps like Flo, ...

Spent the last few days auditing health-tech apps like Flo, Clue & Natural Cycles. Reviewing 200+ screens inside Figma quickly became painful. So instead, I built an interactive Product Analysis Workspace. It lets me: • Navigate complete user journeys • Review screens sequentially • Separate observed facts from assumptions • Add developer notes • Capture product opportunities • Present everything like an interactive walkthrough instead of static slides Turns out building the review tool was almost as interesting as reviewing the products. 😄 Still improving it, but it's already making product discussions much easier.

2

66

Cover image for One month of building JISSI

One month of building JISSI Exactly one month ago, I started working on JISSI—an AI companion I'm building from scratch. My goal isn't to create another chatbot. I want to build an assistant that can understand context, remember conversations, learn routines, and eventually take meaningful actions on behalf of the user. Here's what I've built in the first month: • Wake-word based interaction • Human Conversation Engine for more natural replies • Context-aware conversations • Memory foundation • Intent detection pipeline • Modular capability/action system • Android-first architecture • Early MCP-compatible tooling • Voice interaction pipeline There's still a lot to build, but seeing the project evolve week by week has been incredibly motivating. Next up: Android system actions Better memory and personalization Proactive assistance Richer voice experience Looking forward to sharing more as I continue building in public.

2

79

Tailwind CSS(1)

Sector 62, India

Frontend and Backend Expert

Frontend and Backend Expert

Cover image for ANURAG-PATHAK/Web-OS

ANURAG-PATHAK/Web-OS

0

24

Cover image for GitHub - ANURAG-PATHAK/ChessLibrary: A MultiPlayer Chess Librar…

GitHub - ANURAG-PATHAK/ChessLibrary: A MultiPlayer Chess Librar…

0

22

Cover image for ANURAG-PATHAK/Ecommerce-App

ANURAG-PATHAK/Ecommerce-App

0

18

Placeholder project card media

View more →

Tailwind CSS(1)

Experienced Website Developer | Vibe Coder

Experienced Website Developer | Vibe Coder

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

66

Cover image for WMediaVerse - AI Automated Blogging

WMediaVerse - AI Automated Blogging Platform

0

80

Cover image for AutoScroll Extension for YouTube Shorts

AutoScroll Extension for YouTube Shorts - Edge

0

80

Cover image for Personal Portfolio Website
This project showcases

Personal Portfolio Website This project showcases my skills, projects, and accomplishments as a web developer. The website is designed to be visually appealing and user-friendly, with sections dedicated to my background, education, and professional experience. Features Home Page: Captivating headline, professional photo, and summary of skills. About Me Section: Detailed background, education, and professional experience. Projects Section: Showcase of projects with descriptions and links to live demos and source code. Skills Section: List of technical skills with proficiency levels. Contact Section: Form to get in touch with me. Technologies Used HTML5 CSS3 JavaScript Bootstrap

0

54

Tailwind CSS(1)

Ghaziabad, India

Creating standout React, Vue, Next.js sites

Creating standout React, Vue, Next.js sites

Cover image for Google Review Automation

Google Review Automation

0

13

Cover image for Portfolio

0

4

Cover image for Online Games

0

8

Placeholder project card media

View more →

Tailwind CSS(2)

Ajay Singh Adhikari

Building high-performance web applications that scale.

New to Contra

Building high-performance web applications that scale.

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

32

Cover image for Nishaan is an AI-powered student grievance

Nishaan is an AI-powered student grievance platform that uses Claude Haiku to automate the classification, sentiment analysis, and prioritization of academic complaints. Built with Next.js 14 and Node.js, it features premium dashboards for campus observability, anonymous two-way messaging, and a transparent public feedback board to ensure institutional accountability. Nishaan supports a multi-role platform integrity. Each role in Nishaan has specific permissions and access levels tailored to their responsibilities: HOD (Head of Department): Manages all grievances within their department, assigns tasks to teachers, escalates unresolved issues to the Director, and has the authority to provision new student and staff accounts. Teacher: Handles and resolves grievances assigned to them by the HOD. They also have the option to be assigned as a Hostel Warden to manage hostel-specific issues. Admin / Director: The DIRECTOR is the super-user with full oversight of the entire campus. They handle final escalations, can override any decision, and have full system-wide administrative powers (like auditing all logs and managing all accounts). Alumni: After graduation, students transition to this read-only role. They can no longer submit new grievances but retain access to their historical records and the public transparency board.

0

27

Cover image for Project Title: All Projects (Centralized Portfolio

Project Title: All Projects (Centralized Portfolio & AI Management System) 1. The Problem Developers often struggle with two distinct challenges: Portfolio Management: Keeping track of multiple web projects, their source code, live demos, and technical configurations (like environment variables) in a single, organized place. Interview Preparation: Preparing for technical interviews for specific projects. Explaining the architecture, implementation choices, and challenges of a project you built months ago can be difficult without targeted practice. 2. Solution My project is a premium, centralized management ecosystem that serves as both a professional portfolio and an interactive interview coach. It provides a high-end visual dashboard to showcase your work while integrating a powerful AI Interview Agent (powered by xAI's Grok-beta) that helps you master the technical details of your own creations. 3. Key Features Premium Glassmorphic Dashboard: A sleek, modern UI built with React and Framer Motion, featuring dynamic 3D backgrounds (Three.js) and a high-end aesthetic. Full-Stack Project Management: Securely add, edit, and delete projects via a Supabase backend. Store detailed metadata: Descriptions, Key Features, Tech Stacks (categorized), GitHub links, and Live URLs. Secure Env Storage: A dedicated space to keep your project's environment variables (API keys, etc.) for quick reference. AI Interview Agent (Powered by Grok-beta): Interactive Chat: A mock interviewer that "reads" your project's data and asks rigorous technical questions about your architecture and implementation. Topic Analysis: Automatically generates project-specific questions, hints, and ideal answers to help you prepare for real-world interviews. Advanced Search & Filtering

0

32

Cover image for The Problem -
Despite growing awareness

The Problem - Despite growing awareness of climate change, there is a significant disconnect between awareness and action among students. Traditional environmental education is often seen as: Academic & Passive , Overwhelming, Unrewarded The Solution - We have built a platform that transforms environmental protection into an interactive adventure. By gamifying sustainability, we provide: A Sense of Identity: Students become "Yoddhas" (Warriors) with their own digital avatars. Incentivized Action: Real-world tasks (like waste segregation) earn digital rewards and "Prakriti Points." Community & Competition: School-based Eco-Clubs and national leaderboards foster a sense of collective purpose and healthy competition. How It Works - The platform follows a simple but powerful "Path of a Yoddha": Create Your Yoddha: You start by signing up and creating a unique digital identity (Avatar) and joining your school's squadron. Mission Control (Dashboard): Your central hub where you see your "Daily Missions," track your "Eco-Score," and view your rank on the national leaderboard. The Core Loop (Learn, Act, Earn): Learn: Engage with interactive mini-games and visual lessons about the environment. Act: Take physical action in your community (e.g., segregate waste, plant a sapling, reduce plastic). Earn: Upload proof of your action to earn Prakriti Points (PP). Level Up: Use your points to unlock prestigious badges (Bronze, Silver, Gold) and upgrade your avatar’s gear. Real-World Impact: Your individual score contributes to your school and community goals, helping witness tangible change like community cleanups and national reforestation efforts.

0

36

Tailwind CSS(1)