Projects in SambrialProjects in Sambrial
Cover image for Time-Tracker Pro — Intelligent Time
Time-Tracker Pro — Intelligent Time Management & Productivity SaaS A comprehensive SaaS platform that helps teams and freelancers track time, manage projects, and optimize productivity with AI-powered insights. Core Features: Real-time time tracking with automatic detection Project & task management with hierarchical organization Detailed time analytics and productivity reports Team collaboration & billable hours tracking Invoice generation from tracked time Browser extension for seamless tracking Mobile app for on-the-go time logging Idle time detection & smart reminders Integration with popular tools (Slack, Jira, Asana, Google Calendar) AI-Powered Capabilities: Automatic activity categorization using machine learning Predictive project time estimates Productivity insights & trend analysis Smart recommendations for time optimization Natural language project/task creation Anomaly detection for unusual patterns Dashboard & Reporting: Real-time team activity dashboard Customizable productivity reports Time distribution charts & visualizations Client billing reports with detailed breakdowns Performance metrics & KPIs Export to PDF, CSV, or integrate with accounting software Technical Stack: Frontend: React, Next.js, TypeScript, Tailwind CSS Backend: Node.js, Express, NestJS Database: PostgreSQL for relational data, Redis for caching AI/ML: Python (scikit-learn, TensorFlow) for predictions Real-time: WebSockets for live updates Infrastructure: Docker, AWS EC2, S3, Lambda CI/CD: GitHub Actions Authentication: OAuth 2.0, JWT tokens Key Accomplishments: ✓ 1000+ concurrent users support ✓ Sub-100ms API response times ✓ 99.9% uptime SLA ✓ Encrypted data storage & transmission ✓ GDPR compliant ✓ Scalable microservices architecture ✓ Automated testing (Jest, Cypress) This project demonstrates expertise in: SaaS architecture & scalability Real-time systems & WebSockets AI/ML integration for predictions Payment processing & invoicing User authentication & security Team collaboration features Production deployment & DevOps
0
29
Cover image for AI Personalization Engine & Merchant
AI Personalization Engine & Merchant Dashboard for Product Genius AI Role: Senior Frontend Engineer (Contract) Tech Stack: React.js, Next.js, TypeScript, Tailwind CSS, Shopify Polaris, shadcn/ui, Static Site Generation (SSG) Project Links: Shopify App Store (https://apps.shopify.com/product-genius-ai) | Marketing Site (https://productgenius.ai/) The Technical Challenge Product Genius AI is an e-commerce personalization engine that tracks real-time shopper behavior to dynamically serve tailored content and product suggestions. The core engineering challenge centered on the Merchant Dashboard, the central control system where store owners manage AI behavioral configurations, visual widgets, and billing. Inheriting a fragmented codebase that had passed through multiple teams, my mission was to execute a major architectural overhaul: refactoring legacy tech debt, scaling an intricate in-app editor, and building a high-performance public marketing infrastructure, all while adhering strictly to Shopify's ecosystem constraints. Key Contributions 1. Legacy Codebase Refactoring & Feature-Based Architecture: Took complete ownership of a fragmented legacy architecture and systematically restructured it into an extensible, feature-based directory system. By introducing strict TypeScript typecasting and eliminating code duplication, I improved long-term codebase maintainability by 40% and accelerated subsequent feature development cycles. 2. Extending Shopify Polaris UI Ecosystem: Architected a reusable, low-debt component library built natively on top of Shopify Polaris to maintain ecosystem compliance without sacrificing brand customization. Utilized TypeScript generics and global CSS variables to engineer flexible, highly customizable component wrappers (such as a unified PGButton system), cutting redundant frontend UI code by 30%. 3. In-App Visual Editor Overhaul (The Design Tab): Led the end-to-end engineering of the platform's "Design Tab"—a complex, data-heavy configuration dashboard. Transformed a restrictive, legacy setup into a fluid, fully responsive visual layout builder, empowering merchants to seamlessly customize live AI widget behaviors, spacing matrixes, and product card rules across all desktop and mobile breakpoints. 4. Performance-First Marketing Infrastructure: Engineered an SEO-optimized iteration of the public-facing platform using Next.js (SSG) and Tailwind CSS. Replaced outdated structural dependencies with lightweight Static Site Generation, custom XML sitemaps, and automated meta-tag injections, drastically improving Core Web Vitals to maximize initial merchant acquisition.
1
79