Freelancers using TypeScript in Sindh

Freelancers using TypeScript in SindhFreelancers using TypeScript in Sindh

Projects People

Muhammad Hassan

proKarachi, Pakistan

Full-Stack & AI Developer | Next.js, AI Agents

$50k+: Earned

12x: Hired

5.0: Rating

203: Followers

Full-Stack & AI Developer | Next.js, AI Agents

Cover image for Prsoo: Concept to Launch in 4 Weeks

Prsoo: Concept to Launch in 4 Weeks

0

42

Cover image for React : The ultimate guide 2023 - Certificate

React : The ultimate guide 2023 - Certificate

0

66

Cover image for AI Integrated Blog Website With Prisma & Tiptap

AI Integrated Blog Website With Prisma & Tiptap

0

33

Cover image for Ecommerce Grocery Store - Full-Stack Website

Ecommerce Grocery Store - Full-Stack Website

0

41

proKarachi, Pakistan

Full Stack Engineer | MVPs Shipped in 2 Weeks

$25k+: Earned

7x: Hired

5.0: Rating

38: Followers

Full Stack Engineer | MVPs Shipped in 2 Weeks

Cover image for Another product shipped.
We just launched

Another product shipped. We just launched the iOS app for Legacy Building Journals, a platform built to help people preserve the stories, memories, and moments that matter most. https://apps.apple.com/pk/app/legacy-building-journals/id6778774585 This wasn't another journaling app. The goal was to create a space where users can capture life experiences through writing, photos, and voice recordings, then preserve them for future generations. Our team handled everything from product strategy to development, working closely with the client to turn their vision into a polished, production-ready iOS experience. What we shipped: 1. Full iOS app (React Native) 2. Photo, text, and voice recording capture 3. Stripe + Apple Pay integration Building products people use daily is always rewarding. Building one that helps families preserve their legacy hits different. Proud of the team for bringing this to life. On to the next one.

8

13

549

Cover image for NextClean - Cleaning Service Platform

NextClean - Cleaning Service Platform

2

17

Cover image for Project X - AI-Powered Hiring Platform MVP

$1.5K+ earned

Project X - AI-Powered Hiring Platform MVP

0

16

Cover image for Traced - Tenant Advocacy Platform

Traced - Tenant Advocacy Platform

3

19

Abdul Moiz Memon

proKarachi, Pakistan

Full-Stack Engineer for Startups & Web3

$1k+: Earned

1x: Hired

5.0: Rating

18: Followers

Full-Stack Engineer for Startups & Web3

Cover image for EthicalNode V2 — AI Assisted Platform Rebuild

EthicalNode V2 — AI Assisted Platform Rebuild

1

4

Cover image for A new CARRIED experiment.
With the

A new CARRIED experiment. With the challenge deadline extended, I used the extra time to push the concept further and create a more dynamic version of the campaign. This new ad shifts the focus entirely to the transformation—worn denim deconstructed, stitched into a new form, and carried forward. The creative process remains the same as my original entry: AI-generated concept development AI image generation AI video generation Music selection and editing The only change this time was the final assembly. Instead of using Remotion, I edited and combined all the AI-generated clips in CapCut, which gave me more flexibility to refine the pacing, transitions, and overall flow of the commercial. The original case study, including the complete Envato + Remotion workflow, is here: 🔗 https://on.contra.com/CndcmG CARRY WHAT MATTERS.

1

114

Cover image for Worn Well — my #EnvatoChallenge

Worn Well — my #EnvatoChallenge entry.. A father’s worn denim jacket becomes his son’s backpack—carrying the material, memories and story into a new generation. The idea began with one belief: “Things have a price. The emotions they carry give them value.” I created the images, video, voice-over, music and sounds with Envato, then brought the story together in Remotion. AI created the possibilities. The human decisions shaped what was worth carrying forward.

6

289

Cover image for ScopeBridge: Revolutionizing Freelance Project Clarity with AI

Excited to submit ScopeBridge for the Config Makeathon. Live Prototype: https://orchid-array-71734735.figma.site/ Figma Community File: https://www.figma.com/community/file/1649353646419325324 Why this idea Every freelance project starts with a conversation. Before pricing is discussed, clients and freelancers usually define requirements, priorities, expectations, assumptions, budget, and timelines through chat. But in many cases, quotes are shared before both sides fully understand what the work actually includes. This can create confusion for clients, uncertainty for freelancers, and project scopes that shift after the work has already started. ScopeBridge explores the step before proposal writing: scope alignment. Instead of helping freelancers simply generate faster proposals, ScopeBridge focuses on helping both sides understand the project better before the proposal or quote exists. The Solution ScopeBridge is a chat-side AI scope alignment assistant for freelance platforms. It sits beside a project conversation and turns early chat messages into quote-ready clarity by identifying: - What is already defined - What still needs alignment - Key assumptions - Important clarification questions - Suggested milestones - A structured scope packet both sides can review In the prototype, a client shares an early dashboard project idea. ScopeBridge analyzes the conversation, suggests alignment questions, updates the readiness score as more details are provided, and generates a structured scope packet before pricing begins. How I designed this I designed ScopeBridge using Figma Make as an interactive concept prototype. The workflow included: Framing the problem around freelance project communication Designing a simulated freelance chat interface Creating a ScopeBridge assistant panel inside the conversation Mapping the flow from early chat to alignment questions to quote-ready scope Adding a demo mode to show how scope clarity improves as the client provides more details Publishing both the live prototype and Figma Community file Impact ScopeBridge helps freelancers scope faster, clients communicate more clearly, and projects start with shared understanding instead of uncertainty. The goal is not to replace human judgment or negotiation. The goal is to create a clearer bridge between the first project conversation and the final quote.

1

345

proKarachi, Pakistan

AI SaaS Engineer | Next.js + Node.js | MVPs to Production

5.0: Rating

10: Followers

AI SaaS Engineer | Next.js + Node.js | MVPs to Production

Cover image for EduPilotPro Mobile — Parent & Student App (iOS + Android)

EduPilotPro Mobile — Parent & Student App (iOS + Android)

0

1

Cover image for EduPilotPro AI Attendance Agent Project

EduPilotPro AI Attendance Agent Project

0

5

Cover image for Development of EduPilotPro AI-Powered School Operating System

Development of EduPilotPro AI-Powered School Operating System

0

11

Cover image for Kismaa Mobile — Engineering a Real-Time Experience

Kismaa Mobile — Engineering a Real-Time Experience

0

4

Hyderabad, Pakistan

Full Stack Developer creating high-performance websites.

New to Contra

Full Stack Developer creating high-performance websites.

Cover image for Modern E-Commerce Fashion Store |

Modern E-Commerce Fashion Store | Next.js, Sanity CMS & API Integration Description Built a modern, high-performance e-commerce fashion website with a clean and responsive user experience. I developed the frontend, integrated Sanity CMS for dynamic content management, and connected APIs to deliver real-time product data and a scalable shopping experience. The project focuses on performance, maintainability, and a premium user interface across desktop and mobile devices. My Contributions UI Implementation Responsive Frontend Development API Integration Sanity CMS Integration Dynamic Product Management Performance Optimization Reusable Components Cross-Device Responsive Design

1

83

Cover image for AETHER — Luxury Wellness Retreat

AETHER — Luxury Wellness Retreat Experience Designed and developed a premium wellness retreat website that blends luxury aesthetics with immersive storytelling and modern user experience. The project features responsive design, elegant typography, cinematic visuals, smooth interactions, and conversion-focused booking flows to create a calm, memorable digital experience across all devices.

3

132

Cover image for Violette — Luxury Bakery Website

Violette — Luxury Bakery Website Design & Development Violette is a luxury bakery website designed to blend modern aesthetics with exceptional user experience. The project focuses on creating a warm, elegant, and visually engaging digital presence that reflects the craftsmanship behind every product. The interface combines premium typography, soft gradients, beautiful product imagery, and intuitive navigation to create an experience that feels both sophisticated and inviting. Built with performance, responsiveness, and scalability in mind, the website ensures a seamless experience across desktop, tablet, and mobile devices.

2

2

185

Cover image for Card Game Crafter – Full

Card Game Crafter – Full Stack Dashboard & Card Management Platform Designed and developed a modern full-stack web application for a custom card game platform. The application allows users to create, manage, and organize game cards through an intuitive dashboard with a responsive user interface and seamless user experience.

6

5

941

Karachi, Pakistan

Next.js Landing Page Developer | AI Web Apps | GSAP

8: Followers

Next.js Landing Page Developer | AI Web Apps | GSAP

Cover image for VEX Luxury Real Estate Advisory

VEX Luxury Real Estate Advisory Landing Page A clean minimal landing page for a luxury real estate advisory brand. Video hero, property listings grid, neighborhoods section, buying process, agent profiles, testimonials and FAQ the complete package for any premium property brand. Sections: Video hero, Press marquee, Listings grid, Why us, Stats, Neighborhoods, Process, Testimonials, Agents, FAQ, CTA, Footer Built with: React, Tailwind CSS, Bun Project URL: https://vex.munain605.workers.dev/

1

168

Cover image for Keychron K-04 Scroll-Driven Hardware Product

Keychron K-04 Scroll-Driven Hardware Product Landing Page A premium product landing page for a mechanical keyboard brand. Built with a clean minimal aesthetic, scroll-driven disassembly animation, full specs, switch selector, pricing tiers, testimonials and FAQ. Sections: Scroll hero, Brand marquee, Features, Switch selector, Specs table, Testimonials, Pricing tiers, FAQ, CTA, Footer Built with: React, Tailwind CSS, Bun,GSAP Project URL: https://keychron.munain605.workers.dev/

1

164

Cover image for Shoefy Dark Sneaker Ecommerce Landing

Shoefy Dark Sneaker Ecommerce Landing Page A bold, high-energy ecommerce landing page for a premium sneaker brand. Built with a dark aesthetic, bold typography, product grid, featured drops, blog section and newsletter the complete package for any fashion or footwear brand. Sections: Hero, Why Us, Featured Drop, Shop By Vibe, Trending Now grid, Product Detail, Blog, FAQ, Newsletter, Footer Built with: Next.js, TypeScript, Tailwind CSS, ImageKit Project URL: https://shoefyy.netlify.app/

1

153

Cover image for AI Agent Platform Light UI

AI Agent Platform Light UI Landing Page with 3D Hero A clean, minimal landing page built for an AI agent orchestration platform. Light aesthetic with holographic 3D product visuals, soft purple gradient background, and a full set of conversion sections. Sections included: 3D holographic hero with stats bar Features grid Cloud runs, Task monitoring, Memory & Context, Scalable Permissions) Plug and play agents section with 4 use cases and metrics 4 step onboarding flow (Define, Compose, Test, Deploy) Integrations / tools section Fully responsive Perfect for: AI platforms, automation tools, agent builders, SaaS startups LiveDemo: https://agentfy.netlify.app/

2

2

179

Syed Muhammad Ali

Karachi, Pakistan

I specialize in SaaS dashboards and marketing websites

New to Contra

I specialize in SaaS dashboards and marketing websites

Cover image for NicheHunter — Figma to Next.js

NicheHunter — Figma to Next.js Landing Page Overview NicheHunter is an AI-powered product research platform for dropshippers and e-commerce marketers, scanning 500K+ Facebook and TikTok ads daily to surface winning products before they saturate the market. My task was to convert the Figma design into a fully functional Next.js landing page, building the front end from scratch. My Role & Contributions ✅ Built a brand-new Next.js application from the ground up based on the provided Figma design ✅ Used ShadCN UI to implement clean, accessible, and consistent UI components (pricing cards, feature sections, FAQ accordion, etc.) ✅ Implemented an interactive testimonials carousel using React-Slick ✅ Set up authentication flow with NextAuth for user sign-up/login/reset ✅ Handled form validation using Zod and React Hook Form for the trial sign-up and lead capture flows ✅ Built out key sections: hero with product dashboard preview, feature highlights, social proof/testimonials, pricing tiers (Starter, Professional, Enterprise), and FAQ ✅ Ensured responsive design and smooth UX across all sections Tech Stack Next.js · ShadCN UI · NextAuth · Zod · React Hook Form · React-Slick Outcome A polished, conversion-focused landing page with a complete sign-up and authentication flow — translating the original design 1:1 into a fast, responsive, production-ready Next.js build. Live Preview: https://niche-hunter.vercel.app/

0

132

Cover image for NoizInvest — Figma-to-Code Redesign &

NoizInvest — Figma-to-Code Redesign & Rebuild Overview NoizInvest is a platform that lets everyday investors build and manage automated crypto portfolios by securely connecting their exchange accounts. My task was to replace the platform's existing design with a brand-new Figma design and rebuild the entire front end from scratch — fully responsive across all devices. My Role & Contributions ✅ Converted high-fidelity Figma designs into a pixel-perfect, fully responsive Next.js application ✅ Built smooth scroll-based animations and transitions using Framer Motion to bring the design to life (hero sections, step-by-step "How It Works" flow, feature reveals) ✅ Implemented an interactive carousel with React-Slick for showcasing reviews ✅ Integrated Chart.js to display portfolio analytics and performance data in a clean, readable format ✅ Set up Nodemailer to handle contact/interest form submissions and email delivery ✅ Styled the entire UI with Tailwind CSS, ensuring consistent spacing, typography, and responsiveness across breakpoints ✅ Structured reusable components for sections like security features, testimonials, supported exchanges, and pricing Tech Stack Next.js · Tailwind CSS · Framer Motion · Chart.js · React-Slick · Nodemailer Outcome A fully redesigned, production-ready marketing site with smooth animations, interactive data visualizations, and a responsive layout that works seamlessly across desktop and mobile — replacing the old design with a modern, conversion-focused experience. Live Preview https://noizinvest.com/

0

150

Cover image for GVD Renovations — HTML to

GVD Renovations — HTML to React Conversion Overview GVD Renovations is a kitchen remodeling business based in Sacramento, specializing in quality materials and expert installation. I was brought in to convert their existing static HTML landing page into a fully componentized React application — improving code structure and maintainability without changing the original design. My Role & Contributions ✅ Broke down the static HTML markup into clean, reusable React components (Header, Hero, Services, Testimonials, Footer, etc.) ✅ Preserved the original design and styling exactly while restructuring the codebase for scalability ✅ Replaced static markup with component-driven architecture, making future content updates and edits far easier to manage ✅ Ensured cross-browser consistency and responsive behavior was maintained post-conversion ✅ Delivered clean, organized code following React best practices Tech Stack React · JavaScript · HTML5 · Tailwind CSS · Netlify (Deployment) Outcome A faster, more maintainable codebase that keeps the original look and feel of the site while making it easy for the client to scale, update, or extend the landing page going forward. Live Preview https://gvdrenovations.netlify.app/

0

121

Cover image for RepurposeAI — AI-Powered Content Repurposing

RepurposeAI — AI-Powered Content Repurposing SaaS Overview RepurposeAI is a fully functional SaaS application that uses AI to instantly transform a single blog post into three ready-to-publish formats: a Twitter/X thread, a LinkedIn post, and an email newsletter — saving content creators hours of manual rewriting every week. This was a complete 0→1 build, where I designed and developed every layer of the product, from front-end to backend to deployment. What I Built Frontend: Responsive, intuitive UI built with Next.js 16 and Tailwind CSS, including real-time loading states and platform-specific output cards with copy-to-clipboard functionality AI Integration: Connected the app to the OpenAI API to generate platform-tailored content from a single blog post input Authentication: Implemented secure user sign-up/login using Supabase Auth Payments: Integrated Stripe for premium plan subscriptions, including checkout flow and subscription management Database: Designed and managed the data layer using Supabase (PostgreSQL) to store user data, content history, and subscription status Deployment: Hosted and continuously deployed on Vercel Tech Stack Next.js 16 · TypeScript · OpenAI API · Supabase (Auth + PostgreSQL) · Stripe · Tailwind CSS · Vercel Outcome A production-ready SaaS product with a complete user journey — sign-up, content generation, and premium subscription upgrade — built and shipped end-to-end by me.

0

274

Karachi, Pakistan

Full-Stack Developer & Digital Consultant

5.0: Rating

4: Followers

Full-Stack Developer & Digital Consultant

Cover image for Built a full-stack e-commerce platform

Built a full-stack e-commerce platform "LUXE" a modern multi-category online store with a clean, conversion-focused UI. Key Features: Multi-category product browsing (Electronics, Fashion, Home & Living, Sports) Advanced filtering by category & price range Product detail pages with add-to-cart User authentication (Sign In / Register) Responsive design — mobile & desktop ready Clean navigation with search & wishlist icons Tech Stack: React.js · Node.js · MongoDB · Express.js · Tailwind CSS · REST API · JWT Auth This project demonstrates my ability to build real-world, production-ready e-commerce solutions from scratch — UI design to backend API. Need a similar store for your business? Let's connect!

0

79

Cover image for Great software doesn't start with

Great software doesn't start with code. It starts with understanding the problem. One of the biggest lessons I've learned as a developer is this: The quality of your solution depends on the quality of your questions. Before writing a single line of code, I ask: 👤 Who is the user? 🎯 What problem are they trying to solve? ⏱️ Which step is slowing them down? 💡 How can we make the experience simpler? Technology is only a tool. Real value comes from solving the right problem in the simplest way possible. A modern UI is great. Clean architecture is essential. Fast performance matters. But if the product doesn't improve someone's workflow or solve a real business challenge, none of it creates lasting impact. The best digital products don't just look good. They make work easier, decisions faster, and businesses more efficient. I'm curious... What's one app or website you use almost every day because it simply works so well? 👇 Share it in the comments—I’m always interested in learning from great product experiences.

0

36

Cover image for The biggest difference between a

The biggest difference between a good developer and a great one? It's not the programming language. It's the questions they ask before writing the first line of code. Before I start building any web application or mobile app, I always ask: 👤 Who is the user? 🎯 What problem are they trying to solve? ⏳ Which task wastes the most time? 💡 How can we make their experience simpler? Because technology alone doesn't create value. The right solution does. A beautiful interface is important. Clean code is important. Scalable architecture is important. But none of them matter if the product doesn't solve a real business problem. The best software feels effortless. It removes friction, saves time, and helps people achieve their goals without thinking about the technology behind it. That's the kind of digital experience every product should aim for. I'm curious... What's one app or website you use regularly because it simply feels right? 👇 Drop its name in the comments. I'd love to know what makes it stand out

0

42

Cover image for Good software isn't just about

Good software isn't just about writing code. It's about creating experiences that people enjoy using. Whether it's a web platform, an internal dashboard, or a mobile application, the goal remains the same: Build products that are intuitive, reliable, and designed around real user needs. The best digital products combine: 📱 Great mobile experiences 💻 Clean web interfaces ⚡ Fast performance 🎯 Clear user journeys 🔄 Scalable architecture Technology changes quickly. Good user experience doesn't. What's one application you use regularly because it simply feels great to use? 👇 Share it below.

1

96