Freelancers using React in Hapur

Freelancers using React in HapurFreelancers using React in Hapur

Projects People

🚀 AI & Mobile Apps for Million-User Success

10: Followers

🚀 AI & Mobile Apps for Million-User Success

Cover image for I had the incredible opportunity

I had the incredible opportunity to work on a cutting-edge project that involved building a real-time video avatar designed to answer all education-related questions. The client’s vision was clear: they wanted the avatar to be as realistic as possible, providing an interactive and dynamic user experience that feels natural, engaging, and truly human. After extensive planning and development, we successfully created an avatar that not only delivers accurate, real-time responses but also engages in meaningful, fluid conversations. The technology behind it integrates advanced AI models, computer vision, and real-time processing to deliver seamless interactions that feel like speaking to a real person. PS : we have not used any third party api like heygen 😊 #AI #VOICEAI #AIFOREDUCATION

35

271

Cover image for WORKDASH | AI SAAS BASED ERP

WORKDASH | AI SAAS BASED ERP

0

89

Cover image for Unmasked - A Social Network For Creators

Unmasked - A Social Network For Creators

0

14

Cover image for AI-Powered Movie Streaming App

AI-Powered Movie Streaming App

0

29

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

New to Contra

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

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 ago, I started

One month ago, I started building JISSI. Not as another chatbot. But as an AI companion that can understand context, remember what matters, and eventually take meaningful actions across your devices. Over the last month, I've been designing and building the foundation: 🧠 Human Conversation Engine More natural, less robotic interactions Context-aware responses Intent understanding 💾 Memory Foundation Long-term memory architecture Context retrieval Personalized conversations ⚡ Capability System Modular action framework Android-first architecture Building toward safe, permission-based device actions 🔌 MCP-Ready Architecture Tool-based design so AI models can interact with capabilities through a standardized interface What I've learned is that memory is the easy part—trust is the hard part. Anyone can make an AI answer questions. Building one that users trust to take actions safely is a completely different challenge. This is still early, but I'm excited to keep shipping and sharing the journey. If you're building AI products, I'd love to connect and exchange ideas. 🚀 #BuildInPublic #AI #Android #ProductEngineering #MCP #SoftwareEngineering

2

65

Cover image for About the Product Designer &

About the Product Designer & Engineer I design, build, and ship AI-native products. As a designer who ships, I bridge the gap between high-fidelity design and production-ready code, transforming Figma designs into live products. My expertise spans from crafting luxury UX to developing AI-native tools. I am passionate about design systems, edge performance, and creating workflows where AI enhances craft without compromising quality. Ship-first Mindset: Launch early and learn fast, prioritizing the shipping of real products over endless polishing. Performance Obsessed: Achieved a Lighthouse score of 92 for PageSpeed, treating speed and clarity as core product features. AI-Powered Workflow: Utilizing tools like Cursor and Gemini to integrate design intelligence directly into the build process, from prompt to UI. Selected Work Showcasing products that solve real problems with elegant systems. LuxeGen: A design-to-code system that creates resilient pipelines for converting unstable LLM output into render-safe React components, utilizing Gemini API and Regex Sanitizer. Sortedd: Offers premium UX flows with production-safe frontend architecture and editorial polish, built with Next.js 15 and Tailwind v4. OmniPost AI: An edge-native publishing pipeline featuring streaming AI generation, platform dispatch, and real-time metrics. It leverages Edge Route Handlers with streaming responses, AI content generation via Gemini 1.5 API, multi-platform dispatch (Twitter, LinkedIn), and a real-time monitoring dashboard. Achieved 92 PageSpeed, -30% bundle size, and 100% design-to-code match. Engineering Systems Developing AI-native architecture that scales, encompassing: User Input: Handling prompts and media scheduling. AI Processing Layer: Utilizing Gemini 1.5 API for content generation. Edge API Layer: Implementing Next.js Route Handlers. Dispatch Engine: Managing distribution to platforms like Twitter and LinkedIn. Monitoring & Metrics: Tracking PageSpeed, bundle size, and uptime. Experience A journey of design and development: Design & Dev Intern @ MythyaVerse (2026): Created wireframes, high-fidelity mockups, and interactive prototypes for web & mobile. Conducted user research and usability testing. Collaborated with engineering for design feasibility. Freelance Product Designer @ Independent (2025): Delivered end-to-end design systems and Next.js implementations for startups, shipping luxury concierge and AI-native SaaS interfaces. Open to exciting opportunities in AI-native product teams. Let's build design systems, ship fast, and craft experiences worthy of the best startups. Tools & Ecosystem The tools I craft with include Figma, Next.js 15, Tailwind v4, TypeScript, Framer Motion, GSAP, Vercel, and the Gemini API.

1

54

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

proGhaziabad, India

Full Stack Developer | MVPs, SaaS & Dashboards for Startups

$10k+: Earned

5x: Hired

4.9: Rating

24: Followers

Full Stack Developer | MVPs, SaaS & Dashboards for Startups

Cover image for Dashboard Modernization in Legacy Codebase

Dashboard Modernization in Legacy Codebase

1

4

Cover image for Flight Booking Platform

Flight Booking Platform

1

32

Cover image for Innovation Intelligence Platform

Innovation Intelligence Platform

1

36

Cover image for AI Search Optimization Platform

AI Search Optimization Platform

1

33

Ghaziabad, India

Product Designer & Frontend Dev for UI & 3D experiences

18: Followers

Product Designer & Frontend Dev for UI & 3D experiences

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

87

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

95

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

544

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

309

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

31

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

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

26

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

Brand Web Designer | Online Fitness Coach

New to Contra

Brand Web Designer | Online Fitness Coach

Cover image for I Built this Simple Tasklytic

I Built this Simple Tasklytic Project

0

59

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

62

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

67

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

109

Expert & Passionate Fullstack Engineer 8+ Years Experience

Expert & Passionate Fullstack Engineer 8+ Years Experience

Cover image for HR Job recruitment Web Applications

HR Job recruitment Web Applications

0

21

Cover image for Insurance Web Applications

Insurance Web Applications

0

17

Cover image for Lambdax.ai

0

24

Cover image for Hospital Management System

Hospital Management System

0

31

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

56

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

46

Cover image for AI Resume Analyzer with authentication,

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

0

45

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

59