Freelancers using GitHub in KarachiFreelancers using GitHub in Karachi
Building high-performance products for ambitious startups
New to Contra
Building high-performance products for ambitious startups
Cover image for ๐Ÿš€ Project Update: CloudPuff Sanctuary
๐Ÿš€ Project Update: CloudPuff Sanctuary (Phase 2) Project: CloudPuff Plushies โ€” E-Commerce Experience Role: Lead Full-Stack Engineer & UI/UX Product Architect Milestone: Platform Release v1.2 Status: Completed & Live in Development Stack: Next.js 15 ยท React 19 ยท TypeScript ยท Vanilla CSS ยท Web Audio API ๐Ÿ“ฃ Milestone Overview This milestone evolved CloudPuff Sanctuary from a visually engaging storefront into a more complete e-commerce experience with interactive shopping features, role-based dashboards, and seamless guest-to-account data synchronization. The primary focus was on improving customer engagement, account architecture, security, personalization, and overall UX while keeping the codebase modular and performant. Key Deliverables Interactive storefront and custom plushie experience Customer and administrator dashboard separation Guest wishlist functionality with account synchronization Enhanced authentication and admin security Interactive shopping and personalization features Responsive, lightweight frontend architecture ๐Ÿงธ 1. Interactive Storefront Experience Built a highly interactive storefront designed around the brand's playful customer experience. Key features include: Interactive Plushie Customizer: Real-time customization of fur colors, aromas, accessories, and engraved tags. Mood Matcher: Recommends plush companions based on the visitor's selected mood. Size & Hug Comparison: Interactive visual comparisons to help customers understand product dimensions. Cloud Hop Arcade: HTML5 Canvas mini-game with reward-based shopping incentives. Adoption Certificates: Generates personalized post-purchase certificates with registry information and print/PDF-friendly formatting. Web Audio Interactions: Custom audio feedback for selected UI interactions, product actions, and ambient experiences. ๐Ÿ›ก๏ธ 2. Dual-Persona Dashboard Architecture The dashboard was restructured around two distinct experiences: Customer Cuddle Hub Profile and identity management Orders and adoption registry Wishlist Billing and saved payment information Notifications Account/session management Sanctuary Shop Command Center Inventory management Fulfillment and dispatch Revenue and operational KPIs Store governance Administrative security Customer-facing preview Security & UX Improvements Strict role-based access controls Administrative features isolated from customer accounts Dedicated TOTP/2FA management for administrators Independent billing and notification sections Device/session management Cleaner navigation with deep-linked dashboard tabs This keeps the customer experience simple while providing administrators with the tools they need to operate the platform. ๐Ÿ’– 3. Guest-to-Account Wishlist Sync A major focus of this milestone was removing friction from wishlist functionality. Visitors can save products without creating an account first. The system then: Stores guest wishlist selections locally. Preserves selections through registration/login. Merges guest and account wishlists automatically. Removes duplicate products during synchronization. Updates open browser tabs through cross-tab events. The authenticated dashboard then provides a dedicated wishlist experience with: Saved products Bulk "Adopt Whole Squad" cart action Wishlist sharing Product ratings Direct shopping navigation ๐Ÿ› ๏ธ Technical Architecture Layer Technology Implementation Framework Next.js 15 App Router, dynamic routes, client components Frontend React 19 Modular component architecture Language TypeScript Strict typing across models, contexts and components Styling Vanilla CSS Semantic tokens, responsive layouts, themes Audio Web Audio API Custom UI sound synthesis State React Context Auth, Cart, Theme and Sound contexts Sync Browser Storage/Events Guest persistence and cross-tab synchronization The implementation prioritizes modularity, type safety, performance, and minimal frontend overhead. ๐Ÿ“Š Results Improved Customer Experience Guests can immediately save products without encountering an authentication barrier. Better Operational Separation Customers and administrators receive purpose-built interfaces with appropriate permissions and workflows. Stronger Account Continuity Wishlist data is preserved when users transition from guest browsing to registered accounts. Lightweight Frontend The custom CSS architecture avoids unnecessary UI-library overhead while maintaining responsive layouts and rich interactions. Maintainable Codebase Features are organized into reusable components, typed models, context providers, and isolated functionality to support continued development. ๐Ÿ”ฎ Next Development Opportunities Planned enhancements include: Automated SMS delivery notifications Multi-currency support AR-based plushie previews using WebXR Further personalization and engagement features This milestone establishes a stronger foundation for CloudPuff Sanctuary to evolve from an e-commerce storefront into a more personalized and interactive digital shopping platform.
0
77
Developer with editing and Sales experience
New to Contra
Developer with editing and Sales experience
Cybersecurity engineer and software developer building robus
New to Contra
Cybersecurity engineer and software developer building robus
Cover image for Grim Lens is a local-first
Grim Lens is a local-first malware intelligence and threat-hunting workbench I built for security teams that need to analyze evidence without sending sensitive samples to the cloud. The platform ingests static artifacts such as PE metadata, strings, YARA matches, decoded configurations, PCAP summaries, and screenshots, then organizes them into investigation cases with risk scoring, enrichment, reporting, and cross-case intelligence. I designed the system around a strict security boundary: no sample execution, no automatic uploads, and no outbound enrichment unless explicitly requested. The backend is built in Rust using Axum, Tokio, SQLx, SQLite, YARA-X, and structured analysis modules, while the desktop interface is built with Avalonia/.NET 10 using MVVM and interactive charts. Key engineering work included: Local-first malware case management Static PE analysis and entropy inspection YARA rule matching and rule-pack management Threat-intelligence enrichment using services such as VirusTotal, abuse.ch (http://abuse.ch), and AlienVault OTX Rate limiting and TTL caching for external enrichment Cross-case indicator correlation Automated Markdown and PDF report generation Risk distribution, family, and category dashboards Rust REST API with structured validation and errors SQLite-backed local storage and migrations Cross-platform Avalonia desktop application CI builds and packaged Windows/Linux releases The result is a practical analyst workbench that turns scattered malware artifacts into a structured, searchable casebook while keeping control of sensitive data on the analystโ€™s own workstation.
0
74
Cover image for Vexis is a custom x86-64
Vexis is a custom x86-64 binary analysis and reverse-engineering platform I built from the ground up in Rust, with a .NET desktop frontend for interactive analysis. Instead of wrapping an existing disassembly library, I implemented the core instruction-decoding pipeline myself, including legacy and REX prefixes, ModR/M, SIB addressing, RIP-relative addressing, instruction boundaries, and control-flow instructions. From that decoded instruction stream, Vexis reconstructs basic blocks, functions, and typed control-flow graphs, calculates cyclomatic complexity, identifies anti-disassembly patterns, and generates structured analysis reports. The visual frontend turns the analysis engine into a usable product: users can inspect full disassembly, explore function-level CFGs, review complexity and control-flow statistics, and analyze entire batches of binaries from one interface. Key engineering work included: Custom x86-64 instruction decoder written in Rust Linear-sweep and recursive-descent analysis strategies Basic-block and function recovery Control-flow graph generation and visualization Cyclomatic complexity and binary statistics Anti-disassembly detection Batch analysis across multiple binaries JSON, Markdown, and Graphviz reporting Differential testing and fuzz testing of the decoder .NET GUI communicating with the Rust engine across a clean process boundary The result is more than a frontend demo: it is a complete analysis pipeline that goes from raw PE64 machine code to searchable disassembly, recovered program structure, visual control flow, and automated reports.
0
58
๐Ÿ† iOS SwiftUI|RxSwift Expert: Apps with 50M+ Installs ๐Ÿš€
๐Ÿ† iOS SwiftUI|RxSwift Expert: Apps with 50M+ Installs ๐Ÿš€
Full Stack Developer | PHP, MySQL & JavaScript
Full Stack Developer | PHP, MySQL & JavaScript
Cover image for ๐Ÿš€ Excited to Share a
๐Ÿš€ Excited to Share a New Milestone! This Monday, I'll be presenting the 3rd Review of WinClient AI, the project I'm building for the Aptech Vision Competition 2026. ๐ŸŽฏ WinClient AI is an AI-powered platform built to help freelancers and agencies work smarter, save time, and win more clients by automating the most important parts of their freelance workflow. ๐Ÿ”ฅ Core Features of WinClient AI โœ… AI Proposal Generator โ€“ Generate personalized, high-converting proposals in seconds. โœ… Profile Analyzer & Optimizer โ€“ Improve your Upwork and Fiverr profiles with AI-powered recommendations. โœ… Real-Time Upwork Job Alerts โ€“ Instantly receive relevant job opportunities based on your skills. โœ… Smart Job Match โ€“ AI analyzes your profile and recommends whether you should apply for a job or skip it. โœ… Gig & Catalog Optimizer โ€“ Optimize Fiverr Gigs and Upwork Catalogs for better visibility. โœ… AI Bid Strategy โ€“ Paste a job URL and get the recommended bid amount, connects to use, and winning strategy. โœ… Fake Job Detector โ€“ Identify low-quality or suspicious job posts before wasting your connects. โœ… AI Content Manager โ€“ Get content ideas, social media post suggestions, and discover the latest trends in your industry. Every review helps me improve this platform and brings me one step closer to creating a powerful AI solution for freelancers around the world. I'm continuously learning, building, testing, and refining WinClient AI based on real freelance workflows. Your feedback and support mean a lot. ๐Ÿ’™ If you're a freelancer, agency owner, or AI enthusiast, I'd love to hear your thoughts in the comments!
1
122
Embedded Firmware Developer | 15+ Years
Embedded Firmware Developer | 15+ Years
Full-Stack AI Engineer ยท Government & Enterprise Platforms ยท
New to Contra
Full-Stack AI Engineer ยท Government & Enterprise Platforms ยท