Freelancers using Tailwind CSS in HapurFreelancers using Tailwind CSS in Hapur
ProjectsPeople
Sachin Chaunal's avatar
Sachin Chaunal
Dadri, India
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
53
Cover image for WMediaVerse - AI Automated Blogging
WMediaVerse - AI Automated Blogging Platform
0
65
Cover image for AutoScroll Extension for YouTube Shorts
AutoScroll Extension for YouTube Shorts - Edge
0
65
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
40
Tailwind CSS(1)
Alok Yadav's avatar
Alok Yadav
Ghaziabad, India
Product Designer & Frontend Dev for UI & 3D experiences
17
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
70
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
33
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
488
Cover image for Designed a playful yet refined
Designed a playful yet refined Abacus Sort game interface focused on clarity, interaction, and visual satisfaction. The challenge wasn’t just creating a game UI — it was about making every movement feel intuitive, every screen feel rewarding, and every interaction visually engaging. The design explores a soft neumorphic-inspired system, blending subtle shadows, smooth gradients, and tactile elements to create a calm, immersive experience.
2
6
274
Tailwind CSS(1)
Faraz Qureshi's avatar
Faraz Qureshi
Meerut, India
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
38
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
49
Cover image for I Built this Simple Tasklytic
I Built this Simple Tasklytic Project
0
38
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
84
Tailwind CSS(2)
Mohd Azman Idrisi's avatar
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
39
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
35
Cover image for AI Resume Analyzer with authentication,
AI Resume Analyzer with authentication, uploads, ATS scoring, and job-matching feedback
0
33
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
48
Tailwind CSS(5)
Anurag Pathak's avatar
Anurag Pathak
Sector 62, India
Frontend and Backend Expert
Frontend and Backend Expert
Cover image for ANURAG-PATHAK/Web-OS
ANURAG-PATHAK/Web-OS
0
17
Cover image for GitHub - ANURAG-PATHAK/ChessLibrary: A MultiPlayer Chess Librar…
GitHub - ANURAG-PATHAK/ChessLibrary: A MultiPlayer Chess Librar…
0
14
Cover image for ANURAG-PATHAK/Ecommerce-App
ANURAG-PATHAK/Ecommerce-App
0
11
Placeholder project card media
View more →
Tailwind CSS(1)
VISHAL KUMAR's avatar
VISHAL KUMAR
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
10
Cover image for Portfolio
Portfolio
0
1
Cover image for Online Games
Online Games
0
7
Placeholder project card media
View more →
Tailwind CSS(2)
Ajay Singh Adhikari's avatar
Ajay Singh Adhikari
Dadri, India
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
20
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
11
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
22
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
27
Tailwind CSS(1)