Freelancers using Visual Studio Code in IslamabadFreelancers using Visual Studio Code in Islamabad
ProjectsPeople
Muhammad Faizan's avatar
Muhammad Faizan
Islamabad, Pakistan
AI-native Full Stack Mobile Engineer
$10k+
Earned
6x
Hired
5.0
Rating
28
Followers
AI-native Full Stack Mobile Engineer
Cover image for .NET MAUI Developer for Mobile Application
.NET MAUI Developer for Mobile Application
3
25
Cover image for DawoHub - Apps on Google Play
DawoHub - Apps on Google Play
1
55
Cover image for Easy QR Attendance
Easy QR Attendance
1
13
Cover image for Icon Source
Icon Source
1
22
Visual Studio Code(5)
Khakan Hayder's avatar
Khakan Hayder
proIslamabad, Pakistan
Framer Expert
$1k+
Earned
1x
Hired
5.0
Rating
13
Followers
FRAMER_EXPERT

expert

Framer Expert
Cover image for ✦ MILESTONE → My first
✦ MILESTONE → My first plugin, Framemap, is now live on the official Framer Marketplace. 🔗 https://www.framer.com/marketplace/plugins/framemap/ WHAT FRAMEMAP DOES You describe your project in two sentences. Claude generates a complete responsive wireframe set — mobile (390px), tablet (834px), and desktop (1440px) — and drops it on your Framer canvas as fully editable frames. What used to take an hour of blank-canvas friction now takes seconds. WHAT'S INSIDE v1 → 23 section types — hero, features, bento grid, pricing, testimonials, FAQ, CTA, team, blog, gallery, contact, and more → Multi-breakpoint output in a single click → 4 style presets — SaaS, Agency, E-comm, Minimal → Drag-to-reorder before committing to canvas → Convert any section to native, editable Framer frames → BYO Anthropic API key — keys stay local, generations cost fractions of a cent 🟢 FREE during v1 — v2 will be paid. Anyone reading this can install it today at no cost. That window closes when v2 ships. WHY THIS MATTERS FOR CLIENTS HIRING ME The same depth that goes into a marketplace-reviewed plugin goes into every Framer project I deliver. I don't just drag components — I understand the platform from the API up, including its limits. Marketplace approval is Framer's own quality stamp. WHAT I'M OPEN TO RIGHT NOW → Framer site builds (landing pages, full marketing sites, portfolios) → Custom Framer plugins for your team or product → Product design for SaaS, agencies, and indie founders → Template & system work Currently booking 2–3 slots for the rest of this month. If you've been sitting on a Framer project, this is a good month to start. 📩 khakan@vconekt.com (mailto:khakan@vconekt.com)🌐 vconekt.com (http://vconekt.com)🔗 https://www.framer.com/marketplace/plugins/framemap/
1
115
Cover image for MoneyDays Currency Exchange
MoneyDays Currency Exchange
0
1
Cover image for Nordic Nexuz Conversion Website Design
Nordic Nexuz Conversion Website Design
0
0
Cover image for New template launch: TORVYN 🚀 Yesterday
New template launch: TORVYN 🚀 Yesterday I shipped my latest Framer template, and this one is for the people I know best: agencies. After building sites for dozens of agency clients at Vconekt, I kept seeing the same pattern. Agencies are great at selling their clients' work and terrible at selling their own. Their portfolio is a Notion doc, their pricing is "DM us," and their site was last updated two rebrands ago. TORVYN fixes that in an afternoon: ✦ 9 complete pages: home, about, work, services, pricing, news, contact and more ✦ Project showcase powered by the Framer CMS, so adding a case study takes minutes ✦ A news blog to keep the site alive between projects ✦ Deep indigo design with confident typography and buttery Lenis smooth scrolling ✦ Fully responsive and launch-ready Built for full-service agencies, small studios, and solo designers who want to look established from day one. Live now on the Framer Marketplace for $39: framer.com/community/marketplace/templates/torvyn And if you want it customised to your brand, that's literally what we do. My inbox is open.
1
70
Visual Studio Code(1)
Muhammad Saifullah's avatar
Muhammad Saifullah
Islamabad, Pakistan
Flutter Developer | AI & Web Solution | AD Designer
New to Contra
Flutter Developer | AI & Web Solution | AD Designer
Cover image for ShopVerse is a modern, high-performance
ShopVerse is a modern, high-performance iOS e-commerce application built using Swift (SwiftUI) and powered by Firebase as its backend infrastructure. 🏛️ System Architecture: MVVM Pattern The application is structured around the Model-View-ViewModel (MVVM) architecture to guarantee clean separation of concerns, high maintainability, and testability across both customer and administrator workflows. 1. The Model Layer The Model layer consists of lightweight, immutable data structures conforming to Swift's Codable and Identifiable protocols. Product Model: Stores product details such as unique IDs, titles, descriptions, pricing, stock levels, rating summaries, and array paths for high-resolution images stored in the cloud. Order Model: Captures transaction details including item snapshots, delivery addresses, customer identification, pricing breakdowns, and status states (Pending, Packed, Shipped, Delivered, or Cancelled). User & Cart Models: Manage profile attributes, assigned roles (Customer or Admin), saved shipping addresses, and live active shopping cart items. 2. The View Layer Built declaratively using SwiftUI, the View layer handles everything rendered on the screen. Views remain strictly focused on layout rendering, animations, and capturing user interactions (e.g., button taps, pull-to-refresh gestures, and navigation transitions). Views do not contain business logic or direct database call implementations; instead, they observe state changes exposed by their corresponding ViewModels. 3. The ViewModel Layer ViewModels act as the reactive middleware between the data layer and UI screens. Utilizing @MainActor and @Published properties, ViewModels manage screen-specific states (e.g., loading spinners, active product filters, and checkout step validations). They process user input, execute asynchronous data operations via async/await, and automatically trigger UI redraws whenever data updates. 4. The Service Layer Encapsulated as injected singletons or protocols, services manage external network interactions. Handles low-level Firebase authentication triggers, Cloud Firestore read/write streams, image uploads to Firebase Storage, and payment gateway SDK integrations (e.g., Stripe or Apple Pay). 🔥 Firebase Backend Mechanics & Data Management Firebase serves as the serverless engine driving ShopVerse, enabling real-time database syncing, secure authentication, and scalable media storage. 1. Authentication & Role-Based Access Control (RBAC) Security and session management are handled through Firebase Authentication. Multi-Provider Auth: Supports native Email/Password credentials alongside one-tap sign-ins via Apple ID and Google accounts. Session Persistence: Authenticated tokens are stored securely in the iOS Keychain, allowing users to remain logged in across app restarts. Role Verification: Upon successful authentication, the system queries the user's Firestore profile document to check their role attribute. If designated as admin, the app routes the user to the store management dashboard; otherwise, it presents the primary shopping portal. 2. Cloud Firestore Database Structure Firestore operates as a real-time, NoSQL document-oriented database structured into clean top-level collections. 3. Offline Persistence & Caching Firestore's local disk caching mechanism is enabled during app launch. Uninterrupted Browsing: Product listings and cart states are cached locally on the device disk. If the device loses internet connection, users can still view products and manipulate their cart without app crashes or blank screens. Background Sync: Any state changes made offline are queued locally and automatically committed to the cloud database once connectivity is restored. 4. Real-Time Data Synchronization via Snapshot Listeners Instead of relying on traditional HTTP polling or manual screen pulls, ShopVerse utilizes Firestore addSnapshotListener connections. Live Order Tracking: When an administrator updates an order status in the admin portal (e.g., changing an order from Processing to Shipped), a persistent WebSocket listener pushes the updated state directly to the customer's device in real time, updating the UI timeline instantly. 📱 Advanced SwiftUI Concepts & Interactive UX Patterns To deliver a refined, native iOS user experience, ShopVerse incorporates several specialized SwiftUI and iOS framework capabilities. 1. Skeleton Loading Shimmer Effect Rather than displaying a generic activity indicator (ProgressView), ShopVerse uses a custom shimmer modifier during initial data fetches. Visual Continuity: Placeholder wireframe cards matching the dimensions of actual product cards are rendered instantly. Linear Gradient Wave: An animated gradient mask sweeps horizontally across the placeholder shapes, signaling active loading while maintaining visual context. 2. Tactile Feedback & Haptic Engine Integration To make digital interactions feel physical, ShopVerse leverages the device's Taptic Engine via UIImpactFeedbackGenerator. Action Reinforcement: Tapping the Add to Cart button, toggling a wishlist heart icon, or confirming a checkout step triggers precise physical haptic ticks, increasing user confidence during interactions. 3. Query Debouncing using the Combine Framework Unrestrained search fields can send dozens of unnecessary database queries while a user types, causing performance lag and inflated database read costs. The Debounce Pattern: Utilizing Combine's .debounce(for: .milliseconds(300)) operator, search queries are held in a reactive pipeline. Cost Optimization: Database search requests are only fired after the user pauses typing for at least 300 milliseconds, dropping all intermediate keystroke queries. 4. Administrative Data Visualization via Swift Charts The integrated Admin Portal transforms raw Firestore sales data into actionable visual insights using Apple's native Charts framework. Real-time Metrics: Aggregated sales figures, daily order totals, and revenue metrics are compiled into interactive bar charts and line graphs, allowing store managers to assess revenue trends dynamically.
0
101
Cover image for I made an AS FOOD
I made an AS FOOD ORDERING MOBILE APP using Reactive Native and Firebase. Bellow is Complete Guide😊 🛠️ Architecture & Tech Stack Frontend Framework: React Native (via Expo or React Native CLI) UI & Styling: NativeWind (Tailwind CSS) or React Native StyleSheet with custom dark/light theme tokens. Icons & Components: react-native-vector-icons (Lucide / Ionicons) & React Native Paper or custom components. Database & Auth: Firebase Firebase Authentication, Cloud Firestore (NoSQL Database), and Firebase Storage (for uploading food/category images). Navigation: @react-navigation/native with Bottom Tab Navigator (@react-navigation/bottom-tabs) and Stack Navigator. 🔐 1. Login Screen (Admin Authentication) Features & UI Components Fields: Email address and Password input fields with visibility toggle (eye icon). CTA: Gradient / Orange styled Sign In button. Footer: Copyright and portal title ("AS Foods © 2025 – Admin Portal"). Technical Implementation & Firebase Setup Firebase Auth Integration: Use signInWithEmailAndPassword(auth, email, password). Role-Based Security: Store admin UID/roles in a users collection in Firestore. Verify if role === 'admin' before allowing dashboard entry. State & Validation: React Hook Form or useState with validation (e.g., standard email regex and non-empty password checks). 📊 2. Dashboard Screen Features & UI Components Header Bar: Admin welcome banner ("Good Morning, Admin! 👋"), Live clock/timer badge, and Sign Out action button. Analytics Cards: Total Revenue (e.g., Rs 20171) Total Orders Count (12 Orders) Total Registered Users (4 Users) Total Food Menu Items (26 Foods) Visual Data: Weekly Orders Bar Chart showing day-by-day order trends (Mon–Sun). Technical Implementation & Firebase Setup Real-time Analytics Listener: Set up onSnapshot listeners on Firestore collections: orders collection: Sum up total price of completed/confirmed status orders for Revenue and total order counts. users collection: Read total count of registered clients. foods collection: Read total menu item count. Chart Integration: Use react-native-chart-kit or victory-native to render the weekly order dynamic bar graph linked to real-time order timestamps. 🍕 3. Foods Screen (Menu Management) Features & UI Components Search Bar & Quick Filters: Search food by name; filter tabs for All, Available, and Unavailable items. Action Header: Quick stats counters (Total, Active, Hidden) and an + Add button to create new menu items. Food Cards Grid: Image, title, price (PKR Rs 500.0), discount status, and quick action buttons (+ Add, - Remove, or toggle availability). Technical Implementation & Firebase Setup Firestore Data Structure (foods collection): JSON Image Storage: Firebase Cloud Storage via ref(storage, 'foods/image.jpg') and uploadBytes() / getDownloadURL(). Search & Filter: Local client-side array filter on fetched foods array using .filter(item => item.name (http://item.name).toLowerCase().includes(query)). 🏷️ 4. Categories Screen Features & UI Components Category Grid: Cards for categories like Appetizers, Chicken, Rice & Biryani, Wraps, Sides, and Beverages. Status Badges & Controls: Quick count of active vs inactive categories, toggle switches, and deletion/edit modal actions. Technical Implementation & Firebase Setup Firestore Data Structure (categories collection): JSON Category-Food Mapping: Link category IDs directly into the foods collection documents for relational querying. 📦 5. Orders Screen Features & UI Components Order Filter Pills: Filter by All, Pending, Confirmed, Delivered, or Cancelled. Order List Cards: Order Hash ID, Customer/Delivery info address, total order amount, timestamp, and colored status pill badges (Yellow = Pending, Green = Confirmed, Red = Cancelled). Sign Out Confirmation Dialog: Modal overlay asking to confirm user logout. Technical Implementation & Firebase Setup Firestore Data Structure (orders collection): JSON Status Updates: Admin tap actions update order state using updateDoc(doc(db, "orders", orderId), { status: "Confirmed" }). Real-time Push Notifications: Firebase Cloud Messaging (FCM) trigger to notify delivery partners or users when an order status changes. 🚀 Step-by-Step Development Roadmap Project Setup: Initialize React Native project with Expo/CLI & install dependencies (react-navigation, @react-native-firebase/app, @react-native-firebase/auth, @react-native-firebase/firestore). Firebase Config: Initialize Firebase SDK in firebaseConfig.js with your Web/Android/iOS API keys. Navigation & Theme: Configure BottomTabNavigator with custom icons and dark mode styling matched to the dark orange interface theme. Auth Flow: Build sign-in screen and wrap main tab screens in an onAuthStateChanged auth gate listener. Firestore Realtime Hooks: Connect screens with real-time listeners (onSnapshot) to reflect live orders and menu management instantly.
0
98
Cover image for 📐 BRAND STRATEGY — CASE
📐 BRAND STRATEGY — CASE STUDY ⚙️ Koia Objects: Making the Photography Match the Positioning Goal: Closing the gap between what Koia Objects makes and how it is seen — using photography as the proving ground for the brand's design logic. 📸✨ 1. 🎯 The Brief Koia Objects is a Swedish stainless steel tableware and serving brand, two years in, with a design sensibility that sits deliberately between two traditions: 🏛️ Bauhaus Rationalism (Mies van der Rohe): Form follows function & industrial precision. 🌿 Nordic Warmth (Alvar Aalto): Human-centric design that keeps precision warm rather than cold. 💰 The Positioning: Accessible Premium — not luxury, not budget, but a fair price for genuine material quality and craftsmanship. ⚡ The Challenge: This positioning has to be felt, not stated. It must be built into every decision the brand makes, starting with how the product is photographed. 2. 🔍 The Diagnosis Most young premium tableware brands drift into one of two failure modes: 🚫 The Catalog Trap (Current State): Flat white backgrounds, even front-on lighting, centered objects. It looks like a cheap e-commerce listing and flattens the way light moves across brushed steel. 🚫 The Overcorrection (To Avoid): Dark moody backdrops, heavy gold rim-lighting, and fake luxury marble. It looks like an imitation of luxury watch ads and ignores both Bauhaus and Nordic roots. 💡 The Fix: Build a third direction grounded in Koia’s true design lineage rather than borrowed conventions. 3. ⚖️ The Design Logic Translating "Bauhaus Rationalism + Nordic Warmth" into 5 concrete photographic principles: 🏷️ Principle🖼️, What It Means in a Photograph🛠️ Function, Visible Show the object doing its job (pouring, serving, being held). Function is the whole premise.✨ Material Honesty Real ,directional light on real steel. Let reflections show weight and precision without over-retouching.🪵 Restraint in Styling Few, purposeful props (raw wood, linen, stone). Nothing on set unless it earns its place.☀️ Warm Directional Light .Soft daylight or a single warm key light instead of flat, cold studio flashes.🏡 Grounded Negative Space, Generous breathing room on a real surface (table, hand, counter) — never a void. 4. 🎬 The Direction, Made Concrete 📋 Shot List 🖼️ Hero Shot: The object alone on a real surface (oiled wood, honed stone) with soft single-direction daylight. 💧 In-Use Shot: The object mid-function (pouring water, serving food, lifted by a hand). 🔍 Material Macro: A tight crop on an edge, weld line, or brushed surface to prove craftsmanship. 🍽️ Grounded Flat Lay: The product with 2–3 purposeful props (linen, raw ceramic, cut citrus) and generous breathing room. 5. 🔄 Before / After — Case Study 🏺 Object: Stainless Steel Serving Pitcher ❌ BEFORE (Catalog Default): Shot dead-on against a white seamless background with flat lighting. The steel looks flat, generic, and cheap. ✅ AFTER (Koia Direction): Shot at a slight angle on an oiled walnut counter, lit by soft side daylight. Highlights catch the spout, shadows add depth, and water is captured mid-pour into a glass. 🌟 Why It Works: Highlights prove the metalwork quality, the pour proves function, and the warm wood adds Nordic cozy vibes without clutter! 6. 📈 Why This Matters Commercially 🏷️ Shifts Value Perception: Replaces price comparison with craftsmanship appreciation ("This is clearly better made"). 📦 Scalable Framework: The 5 principles extend directly to packaging, website UI, and social content as the brand scales. Prepared as an example project — Koia Objects Brand Strategy Engagement. 🚀
0
23
Cover image for Synapse — Designing an AI
Synapse — Designing an AI Assistant People Actually Want to Open A personal case study on building an AI-powered product, from idea to interface What This Project Is Synapse is a concept landing page for an AI-powered assistant app — the kind of tool that can chat with you, write content, help with code, generate images, and even listen through voice mode. Think of it as one AI brain that switches roles depending on what you need that day: writer, designer, developer, or thinking partner. I didn't build the actual AI behind it (that needs a real backend and a language model). What I built is the front door — the website that would greet a new user, explain what the product does, and convince them to try it. It's coded by hand using HTML, CSS, and JavaScript, and it's designed to feel like a real, funded, 2026-era AI startup — not a template. Why I Made It AI products are one of the most in-demand niches for designers and developers right now. Every week, a new AI tool launches, and every one of them needs the same three things: a website that explains it, an interface that's easy to trust, and a visual identity that doesn't look like everyone else's chatbot page. I built Synapse for three reasons: To learn by doing. Reading about animations and 3D CSS is one thing — actually building a rotating 3D orb, scroll reveals, and a typewriter chat demo forced me to understand how these effects really work under the hood. To build a strong portfolio piece. Clients hiring for AI-product design want to see that you can design for AI — chat interfaces, live-typing states, "thinking" animations — not just static pages. To practice going from brief to finished product, the same way a real freelance or agency project would run: picking a name, a color story, a tone of voice, and carrying it consistently across every section. What's Inside Section Purpose Hero Introduces Synapse in one glance — headline, floating 3D orb, live chat bubbles Marquee strip Builds trust by showing "who uses it" Stats Numbers that count up on scroll, for quick credibility Features grid Explains the 6 things Synapse can do How it works A simple 3-step flow: ask → Synapse reasons → get result Live demo A fake but realistic chat window that types out an answer, showing how the product feels in use Voices (testimonials) Social proof from "users," scrolling infinitely CTA band The final push to get someone to try the product Footer Quick links and closing brand mark Skills I Practiced UI/UX design thinking — deciding what a first-time visitor needs to see first, second, and last Visual design & branding — building a color palette (violet, cyan, magenta, amber) and pairing three fonts (Space Grotesk, Inter, JetBrains Mono) that feel techy but warm Responsive layout — making sure the page holds up on mobile, tablet, and desktop Motion & interaction design — deciding where animation adds meaning (a "thinking" AI deserves movement) instead of adding effects just because I could Front-end development — writing real, working HTML/CSS/JS instead of just designing static mockups Copywriting — writing headlines and feature text that sound like a real product, not placeholder "Lorem ipsum" text Problem-solving / debugging — like the navigation bug we just fixed, which taught me how a small JavaScript mistake can break a whole page's usability Tools Used HTML5 / CSS3 — structure and all visual styling, including 3D transforms and keyframe animations Vanilla JavaScript — scroll reveals, cursor glow, orb parallax, counters, typewriter effect, mobile menu Google Fonts — Space Grotesk, Inter, JetBrains Mono Unsplash — free stock photography for avatars and testimonial faces What I'll Build On Next (Future Contributions) This version is the front door only. Here's where it can grow: A working chat interface — connect it to a real AI API so the "demo" becomes a real conversation A pricing page — since every SaaS/AI product needs a clear plan comparison A dashboard / product screens — the inside of the app, not just the marketing page Dark/light mode toggle — a common expectation in 2026 products Accessibility pass — screen reader labels, better color contrast checks, keyboard navigation testing Case study presentation — turning this into a polished Behance/Dribbble post with before/after and process shots Closing Thoughts Synapse started as a way to practice one skill — building an AI-product landing page — but it ended up teaching me design decisions, real front-end code, and debugging, all in one project. Link to see my whole project: https://saifullah-ai-assistant.netlify.app
2
1
54
Visual Studio Code(2)
SALIKYN ZERO's avatar
SALIKYN ZERO
Islamabad, Pakistan
Full-Stack Web, Mobile & Backend Systems Architect , gamedev
New to Contra
Full-Stack Web, Mobile & Backend Systems Architect , gamedev
Cover image for Build a custom 2D isometric
Build a custom 2D isometric game prototype featuring dynamic tilemap rendering, player movement mechanics, and object entity collision handling. Key Highlights: Isometric Rendering Engine: Built custom coordinate translation for smooth 2D isometric grid layout and depth sorting. Player & State System: Implemented responsive character movement controllers, directional sprite animations, and object interaction routines. Asset & Tile Architecture: Integrated modular environment tilesets, tree generation logic, and asset loading pipelines. Realm2D - Isometric 2D Game & RPG Prototype Tech Stack: Java, LibGDX / Custom 2D Engine, Game Architecture, OOP, Tilemap Logic.
1
108
Cover image for SALIKYN ZERO - Agency Web
SALIKYN ZERO - Agency Web Portal Deployed the official web application for SALIKYN ZERO Studio. Designed to showcase digital software engineering services with a modern dark-mode aesthetic, blazing-fast edge performance, and interactive client conversion pipelines. Key Highlights: Ultra-Fast Global Delivery: Deployed on edge infrastructure for near-instant site loading. Interactive UI/UX: Built with modern layout dynamics, smooth interactions, and responsive design across all devices. Form & Contact : Integrated dynamic client communication pipelines for instant lead delivery. Tech Stack: Modern Web Frontend, Cloudflare Pages/Workers,React & vite, Git. 😊
1
118
Cover image for High-Converting AI E-Commerce Ad: Hydration
High-Converting AI E-Commerce Ad: Hydration Serum Problem: Traditional studio shoots for beauty/cosmetic products are expensive ($3,000+ per shoot) and slow, making it difficult for e-commerce brands to rapidly test multiple video ad hooks on TikTok and Meta. Approach: Created a end-to-end AI visual production pipeline. Generated hyper-realistic macro liquid physics, skin textures, and product lighting using Nano Banana Pro and Leonardo, added camera motion using Kling 3.0, and synced ElevenLabs voiceovers with high-impact 3-second hook variations. Result: Cut visual production cost by 80% while delivering cinematic, 4K-ready video ad assets optimized for scroll-stopping retention and rapid A/B testing. Stack: Nano Banana Pro, Leonardo.ai (http://Leonardo.ai), Kling 3.0, Seedance 2.0, ElevenLabs, CapCut Need high-converting AI video ads for your e-commerce brand? Check out my AI Video Creation Service or send us a message.
0
29
Cover image for Cinematic AI Product Reel: Minimalist
Cinematic AI Product Reel: Minimalist Tech Ring Problem: Hardware and SaaS startups often struggle to explain complex product functionality and premium aesthetics visually within the first 3 seconds of a social video ad feed. Approach: Designed dynamic glassmorphism UI overlays and 3D environment transitions. Utilized Flux and Leonardo for studio lighting consistency, Seedance 2.0 / Kling 3.0 for sweeping anamorphic camera motion, and Claude for narrative prompt generation. Result: Produced a sleek product showcase with high visual polish, zero physical manufacturing overhead, and native social-feed retention pacing. Stack: Leonardo Phoenix, Kling 3.0, Seedance 2.0, Gemini Pro, ElevenLabs,Claude Looking for cinematic AI video reels that stop the scroll? View my AI Video Service to discuss your product reel.
0
34
Visual Studio Code(2)
Mudassir Ali's avatar
Mudassir Ali
Rawalpindi, Pakistan
AI Chatbot Integration/AI Engineer
New to Contra
AI Chatbot Integration/AI Engineer
Cover image for The Problem: Traditional chatbots are
The Problem: Traditional chatbots are rigid and fail at answering complex, company-specific questions, frustrating users and escalating too many tickets to human agents. The Solution: An intelligent chatbot integrated with Retrieval-Augmented Generation (RAG). It ingests the company’s FAQs, product manuals, and past support tickets to provide accurate, conversational answers, escalating to a human only when necessary. Tech Stack: Python, LangChain, OpenAI API, Pinecone (Vector Database), React/Next.js for the frontend. Key Features Highlight: Dynamic context retrieval (reads PDFs and website data). Sentiment analysis to detect frustrated customers. Seamless human handoff protocol.
0
18
Cover image for The Problem: Legal, HR, and
The Problem: Legal, HR, and finance departments are buried under unstructured documents (contracts, resumes, invoices) and struggle to extract key information quickly. The Solution: A specialized AI agent that securely ingests hundreds of pages of unstructured PDFs, extracts specific key-value pairs (like contract expiration dates or invoice totals), and outputs the structured data into a dashboard or spreadsheet. Tech Stack: LlamaIndex, Python, AWS Textract / OpenAI Vision, Streamlit for the dashboard. Key Features Highlight: Optical Character Recognition (OCR) integration. Structured JSON output generation from messy text. Privacy-first architecture (can be showcased using open-source local LLMs like Llama 3).
0
9
Cover image for The Problem: Sales teams waste
The Problem: Sales teams waste countless hours researching cold leads, drafting initial outreach emails, and manually updating their CRM. The Solution: An autonomous AI sales agent that scrapes lead information from LinkedIn and company websites, scores the lead based on ideal customer profiles, drafts a highly personalized outreach email, and automatically logs the activity in HubSpot or Salesforce. Tech Stack: CrewAI or AutoGen, Python, Make.com (http://Make.com) / n8n, CRM APIs. Key Features Highlight: Web scraping and data enrichment. Multi-step decision making (qualify -> draft -> update). API integrations with standard CRM platforms
0
13
Cover image for A website
A website
0
32
Visual Studio Code(1)
Kamran Akhlaq's avatar
Kamran Akhlaq
Islamabad, Pakistan
Web Developer Building Fast, Custom Websites & Tools.
New to Contra
Web Developer Building Fast, Custom Websites & Tools.
Cover image for CronShieldLabs.com (https://CronShieldLabs.com) - A SaaS
CronShieldLabs.com (https://CronShieldLabs.com) - A SaaS Monitoring Platform I designed and developed CronShieldLabs.com as a lightweight SaaS platform that helps developers, agencies and online businesses detect silent failures across their digital services. The platform combines five monitoring functions within one secure dashboard: cron heartbeat monitoring, website uptime and response-time checks, SSL certificate tracking, domain-expiry monitoring and DNS-change detection. Users can create and manage monitors, review historical results and receive failure, recovery and expiry notifications. I developed the application using PHP, MySQL/MariaDB, HTML and CSS, with scheduled server-side processes handling automated checks. The architecture includes secure authentication, account-based data isolation, CSRF protection, prepared database queries, rate limiting and private configuration stored outside the public website directory. CronShieldLabs.com also includes Free, Pro and Business subscription plans, manual Binance Pay verification, an administrator dashboard, registered-user management and service limits based on each customer’s plan. A major technical consideration was securing website checks against private-network access and unsafe redirects. The platform validates public destinations, blocks private and reserved addresses and rechecks redirect targets before connecting. The project was designed as a cost-efficient shared-hosting MVP with a clear expansion path. Future opportunities include branded public status pages, API and keyword monitoring, Telegram and webhook alerts, team accounts, incident management, multi-location checks and automated subscription billing. CronShieldLabs.com demonstrates my ability to design a complete SaaS product from public marketing pages and secure authentication to database architecture, background monitoring processes, payment workflows and future commercial planning. Website: https://cronshieldlabs.com
0
41
Cover image for AskTechDigital.com (http://AskTechDigital.com) is a lightweight
AskTechDigital.com (http://AskTechDigital.com) is a lightweight technology platform combining two complementary services: an automated technology-news discovery feed and a collection of practical browser-based utilities. The news section organizes current developments across software, artificial intelligence, cybersecurity, consumer technology, cloud services and digital products. Its automated workflow helps identify and organize relevant technology stories while preserving source attribution and directing readers to the original publisher for complete coverage. The second major component is the Web Utilities Directory. It provides fast, tracking-free tools that run primarily inside the visitor’s browser, reducing unnecessary server processing and helping protect user data. The utility collection includes text-processing tools, word and character counters, case conversion, JSON formatting and validation, Base64 encoding, URL encoding, password generation, QR-code creation, UUID generation, barcode generation, calculators, measurement converters and frontend-code utilities. The platform was developed with a lightweight PHP and JavaScript architecture suitable for standard hosting. Its modular structure allows additional utilities, content categories and automation workflows to be introduced without rebuilding the entire website. Responsive layouts provide a consistent experience across desktop, tablet and mobile devices. Technical SEO was incorporated through descriptive page titles, metadata, canonical URLs, internal linking, crawlable tool descriptions and sitemap-based discovery. Performance improvements include deferred functionality, efficient asset loading, browser-side processing and reduced dependency on heavy frameworks. The monetization structure also supports carefully placed affiliate recommendations inside relevant commercial content. Affiliate destinations are separated from general editorial navigation and accompanied by appropriate disclosure, helping preserve transparency and user trust. AskTechDigital.com has the potential to expand into a broader technology decision and productivity platform. Future services could include software-comparison pages, AI-tool directories, hosting comparisons, saved utility histories, user accounts, embeddable tools, API access and premium business utilities. The result is a scalable digital platform that attracts visitors through timely technology discovery while giving them practical reasons to return through its expanding collection of free web tools.
0
20
Cover image for HowToDocument.com (http://HowToDocument.com) is a technical
HowToDocument.com (http://HowToDocument.com) is a technical knowledge platform designed to make practical engineering solutions easier to discover, understand and reuse. Instead of publishing long, theory-heavy tutorials, the website organizes focused code blueprints covering PHP, Python, DevOps, server configuration, application security, data engineering and frontend performance. The platform combines a searchable blueprint catalogue with category filtering, individual documentation pages and community features. Registered users can interact with published solutions through upvotes and technical notes, helping useful implementations become easier to identify. A key component of the project is the browser-based Code Playground. It allows developers to write and preview HTML, CSS and JavaScript without installing a development environment. The playground includes separate editing tabs, automatic preview, console output, browser-based autosaving, code copying, reset controls and downloadable project output. The website was developed around a lightweight architecture intended to remain practical on standard hosting. The interface uses responsive layouts and reusable components to provide a consistent experience across desktop and mobile devices. Content is structured so that new blueprints and technical categories can be added without redesigning the platform. Search discoverability was treated as an important part of the architecture. Blueprint pages support focused titles and descriptions, internal category linking, crawlable content and sitemap-driven discovery. Performance work includes controlled asset loading, efficient frontend code and an interface that avoids unnecessary framework overhead. HowToDocument.com has strong expansion potential. Future development can introduce contributor profiles, blueprint collections, verified solutions, saved favourites, advanced code search, downloadable project bundles and premium implementation guides. The platform could eventually support subscriptions, sponsored technical content, expert reviews and a marketplace connecting businesses with developers capable of implementing the published solutions. The result is more than a documentation website it is the foundation of a community-driven technical blueprint library and practical developer toolkit.
0
27
Cover image for MobileMartPK is a custom-built mobile
MobileMartPK is a custom-built mobile discovery and price-comparison platform designed for the Pakistani market. I developed a responsive, SEO-friendly website where users can explore smartphones, compare prices and filter models by brand, budget, RAM and storage. The platform includes detailed product pages, brand listings, search functionality, blog content and a custom administration system for managing mobile data. Its lightweight interface delivers a fast and user-friendly experience across desktop and mobile devices.
0
55
Visual Studio Code(1)
Pir Ahsan Raza's avatar
Pir Ahsan Raza
Islamabad, Pakistan
Automation Engineer | n8n | Voice Agent | Python | Web dev
New to Contra
Automation Engineer | n8n | Voice Agent | Python | Web dev
Cover image for Got verified on n8n Cloud.
Got verified on n8n Cloud. plausible is now live and searchable directly from the canvas. Thanks to the n8n (https://www.linkedin.com/company/n8n/) team for building an open ecosystem worth contributing to. #n8n (https://www.linkedin.com/search/results/all/?keywords=%23n8n&origin=HASH_TAG_FROM_FEED) #automation (https://www.linkedin.com/search/results/all/?keywords=%23automation&origin=HASH_TAG_FROM_FEED) #plausible (https://www.linkedin.com/search/results/all/?keywords=%23plausible&origin=HASH_TAG_FROM_FEED) #opensourcetools (https://www.linkedin.com/search/results/all/?keywords=%23opensourcetools&origin=HASH_TAG_FROM_FEED)
1
83
Cover image for Identified a server side discount
Identified a server side discount enforcement vulnerability in Name.com (http://Name.com)'s GitHub Student Pack integration. Developed a PoC confirming unlimited free domain redemptions post-OAuth verification.
1
16
Cover image for Built a complete On-boarding pipeline
Built a complete On-boarding pipeline + Match Alert for Investors and Founders and Mail Hot leads directly to CEO of Owlvest. Workflow on n8n, stored all data in google sheets, form was built with tally.so.... #n8n #Automation
1
46
Cover image for Just finished Webflow project for
Just finished Webflow project for @Greydots!
1
47
Visual Studio Code(1)