Freelancers using Tailwind CSS in FaisalabadFreelancers using Tailwind CSS in Faisalabad
ProjectsPeople
Sameer Sajid's avatar
Sameer Sajid
Faisalabad, Pakistan
Lead Dev | Turning Complex AI Ideas into High-End Products
33
Followers
Lead Dev | Turning Complex AI Ideas into High-End Products
Cover image for Purpose & Requirements: The goal
Purpose & Requirements: The goal of this project was to craft a luxury shopping experience that leverages user browsing history and behavior to provide personalized, real-time recommendations. To meet high-end user requirements, I integrated an editorial-style layout, infinite scrolling fashion grids, and an AI concierge. This ensures the shopping journey is far from ordinary, transforming it into a truly "premium digital experience". Key Benefits: High Conversion: AI-powered recommendations significantly boost sales potential and user engagement. Ultra-Fast Performance: Built with React 19 and Vite, ensuring blazing-fast loading speeds for a seamless experience. Modern Aesthetics: The editorial design elevates the perceived value of luxury brands and enhances brand identity.
3
3
197
Cover image for Sustainable Mountain Living — Custom
Sustainable Mountain Living — Custom WordPress Development Project Overview I developed a high-end, visually driven website for a premium modular home and sustainable living brand. The goal was to create a digital experience that reflects "Sustainable Craftsmanship" and provides a seamless search for exclusive land and properties. Key Contributions & Features Custom WordPress Architecture: Built a lightweight and fast-loading site using a native WordPress approach, ensuring high performance for image-heavy content. Property Search & Listings: Integrated a custom layout for discovering mountain sanctuaries and land, optimized for both desktop and mobile users. Visual Storytelling: Implemented a clean, editorial design with a focus on high-quality typography and spacing to highlight sustainable construction solutions. Dynamic CMS: Structured the backend so the client can easily manage property listings, blog insights ("Insights into Slow Living"), and client testimonials without technical help. Mobile-First Responsive Design: Ensured that the detailed gallery and property cards are fully responsive, providing a premium feel on any device. Tech Stack Platform: WordPress. Frontend: HTML5, CSS3 (Advanced Layouts), JavaScript. Tools: Optimized for Core Web Vitals and SEO. Niche: Real Estate / Sustainable Construction.
0
36
Cover image for SoulDeeds — Full-Stack Community &
SoulDeeds — Full-Stack Community & Connection Platform Project Overview SoulDeeds is a high-performance, full-stack web application designed to facilitate meaningful and purposeful connections within a community. As a Lead Developer, I architected and built the entire system focusing on scalability, real-time interactions, and a premium user experience. The Challenge The goal was to create a secure, high-traffic platform that balances a modern UI with complex backend logic for user verification and community matchmaking. Core Contributions & Features Full-Stack Architecture: Developed a robust end-to-end system using Next.js and React for the frontend, and Node.js for the backend. Database Management: Integrated MongoDB to handle complex user data, relationships, and dynamic content efficiently. RESTful API Development: Built secure and scalable REST APIs to manage authentication, profile verification, and data flow between the frontend and server. UI/UX Specialist Approach: Implemented a sophisticated, responsive design using CSS3 and modern styling libraries, ensuring a seamless experience across all devices. Community Features: Engineered logic for verified profiles and "halal connections," prioritizing user safety and community integrity. Tech Stack Frontend: Next.js, React.js. Backend: Node.js, Express. Database: MongoDB. APIs: REST API Architecture. Styling: Advanced CSS3, Responsive Design.
0
46
Cover image for Project: WeVersity — E-Learning Ecosystem WeVersity
Project: WeVersity — E-Learning Ecosystem WeVersity is a high-performance "Learn to Earn" platform bridging the gap between education and modern tech. Core Features: Dual-Portal: Custom dashboards for Instructors & Students with secure RBAC. Live Classes (Web): Real-time interactive sessions with experts. TikTok-Style (App): Educational shorts on Google Play Store for fast learning. Course Library: 200+ Free Courses optimized for all devices. Technical Stack: Frontend: Next.js & React.js. Backend: Supabase & PostgreSQL. Infrastructure: VPS with Vercel CI/CD. From database architecture to a LIVE Play Store app, WeVersity showcases my full-stack expertise.
2
123
Tailwind CSS(1)
Tanzila Hameed's avatar
Tanzila Hameed
Faisalabad, Pakistan
Full Stack SaaS and AI Developer | React | Next.js | Node.js
5.0
Rating
4
Followers
Full Stack SaaS and AI Developer | React | Next.js | Node.js
Cover image for Web Chat App | MERN
Web Chat App | MERN stack Web chat app, powered by WebSockets (Socket.io (http://Socket.io)), Build using React, MongoDB, Node Js and Express, offers real-time messaging capabilities. Material UI is used for components and theme, and user Registration and authentication is implemented. Users can seamlessly send and receive messages, with instant updates on the other end. The app features a secure login and signup process, ensuring user data protection. Additionally, users can express themselves with a wide range of emojis, enhancing the chat experience. With this app, communication is not just efficient but also fun and expressive.
0
62
Cover image for Clothing Store | Ecommerce My role:
Clothing Store | Ecommerce My role: Fullstack Developer Ecommerce clothing website developed with MERN stack, Material UI, JavaScript, HTML and Styled-components, along with admin panel that offers a seamless shopping experience. From secure payment processing and intuitive checkout, to the ability to favorite items for later. It boasts an extensive collection of clothing for all categories, beautifully displayed for easy browsing. Plus, it offers exclusive sales and discounts to the valued customers. Behind the scenes, admin panel ensures smooth operations, making it easy to manage inventory, orders, and more.
0
27
Cover image for Rag Chat Bot with Langchain
Rag Chat Bot with Langchain LLM My role. Full Stack Developer Built an AI-powered application using LangChain with Retrieval-Augmented Generation (RAG) to provide accurate, context-aware responses from custom data. Implemented the system in Node.js with OpenAI APIs, enabling efficient document ingestion, embedding, and retrieval. Designed a scalable pipeline for vector search + LLM reasoning, improving response quality over standalone LLMs. Focused on clean architecture and reliable performance for real-world usage.
0
71
Cover image for Miracle Morning Routine App My role:
Miracle Morning Routine App My role: Full stack developer Developed Frontend of the CMS in React Js, Vite and Tailwind and Backend of the App, using Nest.Js, MySQL and TypeORM. Leveraged technologies such as Stripe, RevenueCat, ActiveCampaign and AppsFlyer to streamline payment flows and ensure reliable revenue tracking. Developed robust backend APIs , enabling features like meditations, journaling, affirmations, tracks and activity tracking. Developed in-app inbox announcements and created share content feature. Created scripts to automate new audio/visual data uploads to the Database and regulate data on Amazone S3 bucket.
0
98
Tailwind CSS(1)
Owais Raza's avatar
Owais Raza
Faisalabad, Pakistan
Full Stack Developer | Agentic Systems | MVP & SaaS Platform
New to Contra
Full Stack Developer | Agentic Systems | MVP & SaaS Platform
Cover image for Just launched a powerful SaaS
Just launched a powerful SaaS project: One-Click SEO Audit Marketplace Built a complete platform that helps users analyze and improve their website SEO in seconds. From technical audits to keyword insights and performance tracking, everything is streamlined into a simple, user-friendly experience. The platform scans websites, identifies SEO issues, and provides clear, actionable recommendations to boost rankings and traffic Key highlights: • Instant SEO audits with detailed reports • Multi-site management dashboard • Credit-based service marketplace • Scalable SaaS architecture Designed for agencies, marketers, and business owners who want fast, data-driven SEO decisions without complexity. Check it out: https://oneclickseo.ai/
1
60
Cover image for CTRBoss, Programmatic CTR Optimisation &
CTRBoss, Programmatic CTR Optimisation & Local SEO GeoGrid Rank Tracking SaaS Built an enterprise-grade CTR optimisation and local SEO rank tracking platform for digital marketing agencies combining stealth browser automation, geo-targeted proxy routing, smart traffic scheduling, and geographic GeoGrid rank visualisation into a single fully automated system. Running CTR campaigns at scale is one of the most technically demanding challenges in SEO. Every bot session has to appear indistinguishable from a real human user across browser fingerprint, user agent, proxy IP, search behaviour, and on-site activity. Off-the-shelf automation tools get detected and blocked immediately. Agencies needed a platform that could run hundreds of realistic sessions per day across multiple client campaigns, target specific geographies, and visualise local SEO performance all without manual intervention. CTRBoss is built on Django, Flask microservices, React, Next.js, and PostgreSQL. The core bot engine runs Undetected ChromeDriver with selenium-stealth, removes webdriver flags via Chrome DevTools Protocol, sets device-specific user agents, and routes every session through geo-targeted residential proxies from Geonode and Proxy Empire with country, state, and city-level granularity. For organic search campaigns, the bot types the keyword into Google, locates the client's website across organic results, Knowledge Panel, and paginated SERPs, clicks through, and spends session time on-site with multi-page browsing and gradual scrolling to mimic real human behaviour. Google Maps campaigns use a three-tier detection system covering the Knowledge Panel, the local 3-pack, and full Maps results with pagination. The Django smart scheduler runs every minute implementing time-of-day traffic ramping so sessions are light overnight and peak during business hours, enforcing per-keyword interval rules and daily search limits, pre-verifying proxies before each run, and auto-restarting the Flask bot server on consecutive errors. Up to 12 parallel keyword campaigns run simultaneously across multiple clients. The GeoGrid rank tracker queries DataForSEO's Google Maps SERP API across a coordinate grid producing a visual map showing exactly where a Google Business Profile ranks across its target area and where competitors dominate. Three payment gateways Stripe, PayPal, and Braintree with a credit-based billing system made the platform commercially ready at launch. Tech Stack: Django · Flask · React · Next.js · PostgreSQL · Celery · Redis · Selenium · Undetected ChromeDriver · Playwright · Geonode · Proxy Empire · DataForSEO · Stripe · PayPal · Braintree · ApexCharts
1
86
Cover image for Keyword Finder, AI SEO Keyword
Keyword Finder, AI SEO Keyword Research & SERP Intelligence SaaS Built a distributed SEO research platform that expands a single seed keyword into thousands of opportunities combining Google Ads volume data, live SERP analysis, NLP competitor scoring, domain authority metrics, and AI content brief generation into one unified workflow with no CSV exports or tool-switching. SEO agencies were stitching together four or five separate tools a keyword research tool, a SERP analyser, a domain authority checker, an NLP scorer, and a rank tracker and manually reconciling their exports in spreadsheets. Scaling that workflow across multiple clients and thousands of keywords every month was unsustainable. Keyword Finder is built on Django 5, FastAPI, Flask microservices, React 18, and GPT-4o. The platform supports 4 keyword generation modes — Seed, URL, Competitor, and Bulk. In Seed mode it builds prefix, suffix, and alpha combination lists, fires them to Google Autocomplete in parallel with rotating proxies, then runs a second deep expansion round before fetching volume, CPC, and competition data from the Google Ads API via OAuth2. SERP analysis jobs are distributed across a dedicated Flask scraping microservice fleet with round-robin load balancing and a four-tier fallback chain direct, Bright Data, scraping.narf.ai (http://scraping.narf.ai), and CrawlBase — ensuring near-100% page retrieval success regardless of target site protection. Each competitor URL is processed through a full NLP pipeline using YAKE and NLTK, with domain authority pulled from Moz and Majestic via DomDetailer and cached locally to avoid redundant API calls. The Ranking Recipe lets agencies define custom Easy, Medium, Hard, and Easiest thresholds across 12 metrics turning keyword prioritisation from guesswork into a data-driven decision. AI content briefs are generated using GPT-4o and Cohere with full keyword context, cutting brief writing time from hours to minutes. Real-time job progress is delivered via Django Channels WebSockets, with Celery and Redis managing the async scraping queue. Supports 200+ Google country domains for multi-market research. Tech Stack: Django · FastAPI · Flask · React · GPT-4o · LangChain · Celery · Redis · PostgreSQL · Google Ads API · Bright Data · YAKE · NLTK · Moz · Majestic · Material UI · Redux
1
164
Cover image for WriteWave, Enterprise AI Content Automation
WriteWave, Enterprise AI Content Automation SaaS for Agencies Built an end-to-end AI content automation platform for digital marketing agencies covering everything from SERP competitor research and NLP keyword extraction through AI article generation, image creation, schema injection, and auto-publishing to 10+ CMS platforms, all with zero manual steps between brief and live URL. Agencies managing content for multiple clients were stuck repeating the same manual workflow for every article SERP research, keyword extraction, writing, sourcing images, adding schema, scheduling, and publishing across dozens of clients. Scaling to hundreds of articles per month was operationally impossible without full automation. WriteWave is a multi-tenant agency SaaS built on Django 5, Celery, React 18, and GPT-4o. The platform offers 8 distinct article generation modes including a one-click engine that scrapes top SERP competitors, extracts NLP keywords via YAKE and NLTK, builds an optimised outline, generates full HTML content, creates AI images per section, injects internal links from sitemap crawls, adds DoFollow and NoFollow external links, embeds YouTube videos, and scores every article from 0 to 100 against NLP targets. A reading-level humanisation system adjusts vocabulary complexity from Grade 5 through college graduate. The standout feature is an Agentic AI Journalist powered by VAPI an AI phone agent that autonomously calls real human experts, conducts a structured interview, transcribes the conversation, and generates a complete publishable article from the transcript. Agencies get genuinely expert-sourced content at scale without journalist hours. Business Profile articles pull live Google reviews, Maps photos, and inject JSON-LD LocalBusiness schema automatically. All 10+ publishing integrations — WordPress, Shopify, LinkedIn, Wix, Squarespace, Medium, and more — adapt HTML per platform so no manual reformatting is ever needed. Real-time article generation progress is delivered via Django Channels WebSockets, with Celery and Redis handling async workloads at agency scale. Tech Stack: Django · React · GPT-4o · LangChain · Celery · Redis · PostgreSQL · VAPI · OpenAI · NLTK · Material UI · TipTap · Redux
2
1
181
Tailwind CSS(1)
Khadija Hameed's avatar
Khadija Hameed
Faisalabad, Pakistan
Professional Front End developer
Professional Front End developer
Cover image for High-Converting Landing Page
High-Converting Landing Page
0
5
Cover image for Portfolio Website
Portfolio Website
0
2
Cover image for E-commerce Site Project
E-commerce Site Project
0
6
Placeholder project card media
View more →
Tailwind CSS(3)
Hammad Tariq's avatar
Hammad Tariq
Faisalabad, Pakistan
Next.js & MERN Full-Stack Web Developer
New to Contra
Next.js & MERN Full-Stack Web Developer
Cover image for Human Resource Management System (HRM) Centralized
Human Resource Management System (HRM) Centralized Employee Management – Manage all staff data in one place effortlessly. Smart Attendance & Leave Tracking – Approve leaves and track attendance in seconds. Automated Payroll – Accurate salary calculations and seamless payroll processing. Performance Insights – Monitor and evaluate employees with real-time analytics. Secure & Scalable – Built with MERN & Next.js for speed, security, and growth. Intuitive Dashboard – Simple interface for admins to manage HR workflows. Real-Time Reporting – Generate insights and HR reports instantly.
0
41
Cover image for Chatbot python
Chatbot python
0
5
Cover image for Full Stack Nextjs Chat with
Full Stack Nextjs Chat with pdf application
0
32
Cover image for 🚀 E-Commerce Website Next.js
🚀 E-Commerce Website Next.js & MERN
0
47
Tailwind CSS(1)
Jaleed Ahmad's avatar
Jaleed Ahmad
Faisalabad, Pakistan
AI/ML Engineer integrating DevOps & Cloud.
New to Contra
AI/ML Engineer integrating DevOps & Cloud.
Cover image for AuraBeat: Context-Aware Music Curator Project Overview A
AuraBeat: Context-Aware Music Curator Project Overview A full-stack, AI-driven application that generates highly personalized music soundscapes by blending real-time environmental data with deep user sentiment analysis. Built to seamlessly integrate advanced LLM decision-making with frontend aesthetics, the platform curates audio-visual experiences that map exactly to the user's current mood and local weather conditions. Core Technologies & Frameworks React 18, Tailwind CSS, Framer Motion Node.js, Express.js Google Gemini AI YouTube Data API v3 Open-Meteo & Nominatim APIs Key Features & Engineering Highlights Context-Aware LLM Pipeline: Engineered an AI pipeline using Google Gemini to perform sentiment analysis on user input and merge it with real-time weather analytics for highly accurate, contextual song recommendations. Dynamic UI & Color Theory: Built an ultra-responsive frontend featuring a dynamically shifting UI color palette that programmatically updates based on the AI's aesthetic evaluation of the recommended track. Multi-API Orchestration: Seamlessly integrated multiple external APIs (YouTube, Open-Meteo, Nominatim) within an Express.js backend to stream official video content and fetch localized environmental data. Decoupled Architecture: Designed a robust client-server architecture separating the Vite/React frontend from the Node.js backend, ensuring secure API key management and scalable request handling.
0
9
Cover image for Blizzup Agentic Bike Dealership Project Overview A
Blizzup Agentic Bike Dealership Project Overview A sophisticated, full-stack AI-driven dealership platform that leverages Agentic AI to provide deep technical comparisons, transparent mathematical scoring, and automated inventory management. Built to fulfill a "Fullstack + AI Developer" assessment, the system uses a ReAct (Reason + Act) loop, allowing the AI to autonomously fetch real-world data and execute complex backend functions. (Note: The live AI agent functionality is currently disabled.) Core Technologies & Frameworks React, Tailwind CSS Node.js, Express Google Gemini AI (@google/generative-ai) MongoDB Atlas / Mongoose Pollinations.ai (http://Pollinations.ai) (Image Generation) Key Features & Engineering Highlights Agentic AI & Function Calling: Engineered a state-machine ReAct loop where the AI autonomously decides when to trigger real-time backend functions to retrieve inventory data, moving beyond traditional static prompting. Explainable Scoring Engine: Developed a dynamic scoring system that evaluates bikes across five strict metrics (Price, Fuel Average, Engine Power, Value, Features), featuring "Thinking Accordions" that expose the AI's internal mathematical reasoning to the user. Automated Bulk Ingestion: Built an intelligent pipeline allowing admins to ingest multiple vehicles by name; the AI automatically fetches exact technical specifications and generates high-fidelity photographic prompts. Dynamic Image Generation & Self-Healing: Integrated Pollinations.ai (http://Pollinations.ai) to dynamically generate accurate vehicle images based on AI-classified categories (e.g., Mountain Bike vs. Superbike), alongside an automated admin utility to repair and refresh low-quality database thumbnails.
0
8
Cover image for AI Image Forensics Web Application Project
AI Image Forensics Web Application Project Overview A professional-grade, multimodal web application designed to detect and analyze AI-generated visual content. By combining traditional image processing techniques with advanced Large Vision-Language Models (VLMs), the platform provides comprehensive, automated analyses of image authenticity, digital signatures, and physical integrity. Core Technologies & Frameworks Next.js (React) Python, FastAPI Google Gemini Vision API Docker, Google Cloud Run Key Features & Engineering Highlights 8-Stage Forensic Pipeline: Engineered a highly robust image analysis pipeline that sequentially executes metadata scanning, quadrant tiling, Error Level Analysis (ELA), and Canny Edge detection. Multimodal AI Analysis: Integrated Google Gemini Vision as an automated "forensic analyst" to evaluate visual inputs for physical inconsistencies, blending errors, and AI generation artifacts. Decoupled Microservices Architecture: Built a high-performance Next.js frontend paired with a highly scalable Python/FastAPI backend to efficiently process complex mathematical image transformations. Cloud-Native Deployment: Established automated workflows for containerizing the application with Docker and deploying the backend services to Google Cloud Run for scalable compute. Data Visualization UI: Developed an intuitive, user-friendly dashboard to clearly present complex forensic findings, edge maps, and AI confidence scores to end-users.
0
14
Cover image for AI Study Notes Agent Project Overview A
AI Study Notes Agent Project Overview A cloud-native, multi-user AI application designed to transform how users interact with and synthesize study materials. Built with a focus on end-to-end engineering and MLOps, this platform leverages advanced Retrieval-Augmented Generation (RAG) to deliver context-aware document analysis and automated study aids. Core Technologies & Frameworks Python, Streamlit Google Gemini 2.5 Flash LangChain, ChromaDB Supabase (PostgreSQL) gTTS (Google Text-to-Speech) Key Features & Engineering Highlights Intelligent Document Analysis: Engineered a robust RAG pipeline utilizing ChromaDB and LangChain to process documents and generate highly accurate, citation-backed insights. 1-Click Anki Flashcard Generator: Developed an automated pipeline that extracts key concepts from text and instantly formats them into Anki-ready flashcards for spaced-repetition learning. Audio Podcast Conversion: Integrated gTTS to automatically convert study notes and summaries into audio formats, allowing users to consume educational content on the go. Scalable Cloud Architecture: Designed a multi-user environment backed by Supabase PostgreSQL, utilizing UUIDs for secure, persistent data storage and user isolation. LLM Output Formatting: Implemented strict prompt engineering and formatting harnesses to prevent LLM output drift, ensuring 100% reliable and seamless database insertions.
0
14
Tailwind CSS(1)
Talha Noman's avatar
Talha Noman
Faisalabad, Pakistan
Converting business ideas into performant web & mobile apps
Converting business ideas into performant web & mobile apps
Cover image for Confinity – Cherished Forever
Confinity – Cherished Forever
0
3
Cover image for Development of eeko.ai Platform for MSMEs
Development of eeko.ai Platform for MSMEs
0
6
Cover image for Algarve Connect (Social App)
Algarve Connect (Social App)
0
8
Cover image for Teaconnect (Hospitality SaaS)
Teaconnect (Hospitality SaaS)
0
4
Tailwind CSS(2)