Muhammad Saqlain

iBoba - Internal Food Ordering System

Streamlining corporate food ordering experience

Angular Node.js MongoDB Stripe

Project Overview

iBoba is an internal food ordering platform designed for corporate environments, allowing employees to order meals from various cuisines including burgers, pizzas, Asian dishes, and healthy options. The system streamlines the entire food ordering process from selection to delivery within office premises.

User Features

Browse menu with food categories and dietary filters
Customize orders with special instructions
Schedule orders for specific meal times
Track order status in real-time

Admin Features

Menu management with daily specials
Order dashboard with status updates
Employee account management
Sales and analytics reporting

Technical Implementation

Frontend

Angular 12+
Angular Material
RxJS for state management

Backend

Node.js with Express
MongoDB with Mongoose
JWT Authentication

Integration

Stripe Payment Gateway
SendGrid for Email
WebSocket for real-time updates

Business Impact

75%

Reduction in order processing time

90%

Employee satisfaction rate

40%

Increase in monthly orders

Contact for Demo

Visitor Stats

TrustList - Dynamic Form & Content Platform

Empowering businesses with dynamic forms and content management

Angular Node.js Strapi CMS MongoDB

Project Overview

TrustList is a comprehensive web application designed to provide dynamic form generation and content management capabilities. Built with modern technologies, it offers a seamless experience for both end-users and administrators, focusing on performance, scalability, and user experience.

Form System

Dynamic form generation with drag-and-drop interface
Advanced form validation and conditional logic
Multi-step form workflows
File uploads with preview and validation

Content Management

Headless CMS powered by Strapi
Role-based access control system
Media library with advanced filtering
Content versioning and history

Technical Implementation

Frontend

Angular 14+
TypeScript
RxJS for state

Backend

Node.js & Express
Strapi CMS
MongoDB

Integration

RESTful APIs
WebSocket
JWT Auth

Business Impact

65%

Faster form creation

90%

Content management efficiency

40%

Reduced development time

Request Demo

Node.js API
Strapi CMS
Authentication

Leads Data Miners - Project Details

Project Overview

A comprehensive lead management system designed to streamline the process of tracking and managing owner data and employee lead records. The system features role-based access control, duplicate prevention, and powerful reporting tools for both employees and administrators.

Employee Features

Add owner data with validation
Duplicate phone number prevention
View daily/monthly lead counts
Restricted access to own data

Admin Features

View all leads across organization
Advanced filtering by employee/date
Export to Excel (daily/monthly)
Search by phone/name/email

Technical Implementation

Frontend

HTML5 & CSS3
JavaScript (ES6+)
Tailwind CSS
Responsive Design

Backend

PHP 7.4+
PDO Database Layer
RESTful API
Form Validation

Database

MySQL/MariaDB
Normalized Schema
Indexed for Performance
Data Validation

Database Schema

Table	Description
users	Stores employee and admin account information
owners	Contains all owner/lead information
employee_records	Tracks lead submissions by employees

iboba.co.uk - Project Details

Project Overview

iboba.co.uk is a comprehensive online ordering platform that streamlines the food ordering process for businesses. The system offers real-time order management, menu customization, and seamless integration with existing POS systems.

Core Features

Interactive digital menu with categories
Real-time order management
Barcode scanning for quick checkout
Dynamic pricing and discounts
Delivery and pickup options

Technical Highlights

Angular frontend with responsive design
Node.js and Express backend
MongoDB for flexible data storage
Real-time updates with WebSocket
Admin dashboard for business owners

Technical Implementation

Frontend

Angular 12+
RxJS for state management
Angular Material UI
Responsive design

Backend

Node.js with Express
JWT Authentication
MongoDB with Mongoose
RESTful API

Additional

WebSocket for real-time
Barcode scanning
Payment integration
Admin dashboard

Screenshots

Menu View

Order Cart

Admin Dashboard

Visit Live Site

Attendance Management System - Project Details

Project Overview

A comprehensive employee attendance and shift management system with automated tracking, real-time monitoring, and detailed reporting capabilities. The system streamlines workforce management through intelligent automation and role-based access control.

Core Features

Secure employee authentication using CNIC-based credentials
Role-based access control (Admin/Manager/Employee)
Automated shift scheduling and rotation
Geofencing for location-based attendance
Automated break management

Advanced Features

Discord integration for inactivity alerts
Real-time analytics dashboard
Export reports to Excel/PDF
Responsive design for all devices
Automated notifications

Technical Implementation

Frontend

React.js with Hooks
Context API for state management
Axios for API calls
React Router for navigation

Backend

Node.js with Express
JWT Authentication
MongoDB with Mongoose
RESTful API

Additional

WebSocket for real-time updates
ExcelJS for report generation
Discord.js for notifications
Joi for validation

TrustPoint Scraper with Auto Navigation

Project Overview

An automated web scraping solution that navigates through TrustPoint categories, extracts owner listings, and collects detailed information. The scraper intelligently handles pagination, opens listings in new tabs, and stores all data in a structured SQL database.

Key Features

🌐 Category Navigation

Automatically navigates through categories
Handles pagination for each category
Extracts all listing links efficiently

📊 Data Extraction

Owner names and contact details
Reviews and ratings
Website links and social profiles
Business information

⚡ Automation

Opens listings in new tabs
Auto-closes tabs after data extraction
Handles rate limiting and timeouts
Resumes from last position if interrupted

💾 Data Management

Stores data in structured SQL database
Prevents duplicate entries
Logs all scraping activities
Exports to CSV/Excel

How It Works

Select target categories for scraping
For each category:
- Open category page
- Extract all listing links
- Open each listing in new tab
- Extract and store all available data
- Close tab and move to next listing
Handle pagination and move to next page
Log all activities and errors

Food Ordering System

A comprehensive online food ordering platform

React Node.js MongoDB Stripe

Project Overview

A comprehensive food delivery platform that revolutionizes the way customers order food, restaurants manage their operations, and delivery personnel handle orders. The system features AI-powered recommendations, real-time order tracking, multi-role dashboards, and a seamless user experience across all devices.

Key Features

User Authentication

Secure JWT-based authentication
Multi-role access (Customer, Delivery, Admin)
Password recovery via email/OTP
Secure session management

Food Menu Management

Complete CRUD operations for menu items
Category management
Customizable food options
3D food previews
Stock management

Order Management

Real-time cart updates
Order status tracking
Order history
Cancelation & refund system

AI Food Advisor

Smart chatbot for recommendations
Dietary preference tracking
Personalized food suggestions
Allergy-aware menu filtering

Live Order Tracking

Real-time GPS tracking
Delivery ETA calculation
Route optimization
Push notifications

Payment Processing

Multiple payment gateways
Secure transactions
Refund processing
Transaction history

Rewards Program

Loyalty points system
Referral program
Special offers
Exclusive deals

Customer Support

Live chat support
Ticketing system
FAQ section
Multi-language support

Technical Implementation

Frontend

React.js with TypeScript
Redux for state management
Tailwind CSS for styling
WebSocket for real-time updates
Progressive Web App (PWA) support

Backend

Node.js with Express
MongoDB with Mongoose
Redis for caching
JWT authentication
RESTful API design

AI/ML Components

Recommendation engine
Natural language processing
Predictive analytics
Route optimization algorithms

Project Impact

40%

Increase in order volume

30%

Faster order processing

4.8/5

Customer satisfaction

Contact for Demo

Safer Extension – Data Extraction and SQL Storage

Project Overview

A Chrome extension that automates data extraction from the FMCSA Safer website, collecting carrier information and storing it in a SQL database. The extension can process multiple MC numbers sequentially, validate carrier status, and extract detailed company information.

Key Features

🔍 Automated Data Extraction

Extracts data from FMCSA Safer website
Processes multiple MC numbers sequentially
Validates carrier status (Active/Inactive)

💾 Data Storage

Stores carrier data in SQL database
Only saves data for active carriers
Skips inactive or invalid MC numbers

📊 Data Points Captured

Entity Type & USDOT Status
Company details (Name, DBA, Address)
Contact information and operating status
Fleet details (Power Units, Drivers)

⚙️ Technical Features

Chrome Extension with background scripts
Automated form filling and submission
Error handling and retry mechanism

Database Schema

CREATE TABLE carriers (
    id INT AUTO_INCREMENT PRIMARY KEY,
    entity_type VARCHAR(50),
    usdot_status VARCHAR(50),
    out_of_service_date DATE,
    usdot_number VARCHAR(20),
    state_carrier_id VARCHAR(50),
    mcs150_form_date DATE,
    mcs150_mileage_year INT,
    operating_authority_status VARCHAR(100),
    mc_numbers VARCHAR(255),
    legal_name VARCHAR(255),
    dba_name VARCHAR(255),
    physical_address TEXT,
    phone VARCHAR(50),
    mailing_address TEXT,
    duns_number VARCHAR(50),
    power_units INT,
    non_cmv_units INT,
    drivers INT,
    last_updated TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    UNIQUE KEY unique_usdot (usdot_number)
);

How It Works

User enters starting MC number and range
Extension navigates to FMCSA Safer website
For each MC number:
- Fills search form and submits
- Checks if carrier is active
- If active, extracts all available data
- Stores data in SQL database
- Navigates back to search for next number
Process continues until all numbers are processed

Employee Activity & Inactivity Tracker

Project Overview

A Windows desktop application that monitors employee computer activity and manages break times. It automatically detects inactivity and prompts users to log their break reasons, integrating with the Attendance Management System for comprehensive workforce monitoring.

Key Features

🖱️ Activity Monitoring

Tracks mouse and keyboard activity in real-time
Detects 5 minutes of continuous inactivity
Runs as a system tray application

⏱️ Break Management

Shows non-dismissible break popup after inactivity
Records break start and end times
Calculates total break duration

📊 Break Categories

Power break (system issues)
Official break (meetings, tasks)
Meal break
Other (custom reason)

🔒 Data Management

Stores data in MongoDB
Integrates with Attendance System
Generates break reports

Technical Implementation

Core Components

pynput for input monitoring
Tkinter for break popup UI
Flask API for data handling
PyInstaller for executable creation

Database Schema

{
  "employee_id": "string",
  "break_start": "datetime",
  "break_end": "datetime",
  "duration_minutes": "number",
  "break_type": "enum['power', 'official', 'meal', 'other']",
  "reason": "string",
  "status": "enum['active', 'completed']",
  "created_at": "datetime"
}

Installation & Usage

Install required packages: pip install pynput pymongo flask pyinstaller
Configure MongoDB connection in config.json
Build executable: pyinstaller --onefile --windowed activity_tracker.py
Add to Windows startup folder for automatic launch

LawyerConnect

A Trusted Legal Connection Platform

React Node.js MongoDB Socket.IO

Project Implementation Details

Developed a responsive static website using the MERN stack and Tailwind CSS, featuring a landing page and dashboards for users, lawyers, and administrators. Implemented secure login and registration systems with role-based functionalities.

User Dashboard

Browse verified lawyers with advanced filters
View detailed profiles (contact info, practice areas, education, rates, languages)
Add reviews and submit questions to specific lawyers
Contact details visible only to logged-in users for privacy

Lawyer Dashboard

Email verification & complete profile setup
Profile fields: photo, name, phone, practice area, specialization, address, city, courts
License details: ID, year admitted, bar affiliation, license card image
Approval status shown after admin verification
Approved lawyers can view/respond to user-submitted questions

Admin Dashboard

Manage verification of lawyer profiles
View lists of verified & unverified lawyers
Approve or delete profiles after reviewing license authenticity
Integrated tools for lawyer management and system monitoring

Authentication & Security

Email verification system for account activation
Password recovery workflow
Robust admin approval process ensuring only verified lawyers are listed
Role-based authentication for Users, Lawyers, and Admins

Automated LeadSync System

Streamlined lead management with real-time Slack integration

Node.js MongoDB Slack API Express

Project Overview

Developed Automated LeadSync, a robust lead management system designed to streamline lead capture, distribution, and tracking with real-time Slack integration, Node.js for data processing, MongoDB for storage, and secure dashboards for managers and administrators. The system automates lead assignment, ensures data security, and prevents misuse by restricting access to authorized personnel, enhancing efficiency and collaboration for sales teams.

Key Features & Functionalities

Lead Capture & Slack Integration

Captures leads from Google Ads, Meta Ads, and website forms
Posts lead details in real-time to Slack via custom bot
Secure Slack OAuth token integration

Real-Time Data Fetching

Node.js server fetches Slack messages in real-time
Stores structured lead data in MongoDB
Dependencies: slack/web-api, axios, mongodb

Manager Dashboard

Real-time notifications with 2-minute acceptance timer
Sequential lead distribution (1/3, 2/3, 3/3 per manager)
Only assigned leads are visible to managers
Full accepted lead history for follow-up

Admin Dashboard

Comprehensive view of all leads in real-time
Configure assignment rules & timers
Lead reassignment & duplication control
Audit logs for accountability

Security Measures

Strict role-based access controls
Encrypted sensitive data in transit & at rest
Slack API secured with OAuth tokens
Audit logs for lead access and modifications

Technology Stack

Frontend: HTML, Tailwind CSS, JavaScript
Backend: Node.js, Express.js
Database: MongoDB
Integrations: Slack API, Google Ads API, Meta Conversions API
Packages: slack/web-api, axios, mongodb, nodemailer

Achievements

Integrated multiple lead sources with Slack
Automated distribution reduced response times
Enhanced data security with restricted access
Scalable Node.js + MongoDB backend

Impact

Increased lead response efficiency
Improved sales team collaboration
Maintained secure & compliant data storage
Reduced admin overhead via automation

Contact Me

Email Generator and Sender

Project Overview

A comprehensive email management system that allows users to generate and send bulk emails with template support, multiple SMTP accounts, and scheduling capabilities.

Key Features

📧 Email List Management

Store and manage email lists in SQL database
Import/export emails via CSV/Excel
Add/remove individual emails

📝 Template System

Create and edit HTML email templates
Support for variables and dynamic content
Preview before sending

⚡ Sending Options

Send to specific email or entire list
Schedule emails for later
Set delay between emails (1+ min)

🔐 SMTP Management

Add multiple SMTP accounts
Automatic rotation between accounts
Send test emails

Technical Implementation

Backend

PHP 7.4+ for server-side processing
MySQL database for storage
PHPMailer for email sending
AJAX for async operations

Frontend

HTML5 & Tailwind CSS for UI
jQuery for DOM manipulation
Responsive design
Interactive forms with validation

Database Schema

CREATE TABLE email_lists (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(100) NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

CREATE TABLE emails (
    id INT AUTO_INCREMENT PRIMARY KEY,
    list_id INT,
    email VARCHAR(255) NOT NULL,
    name VARCHAR(100),
    FOREIGN KEY (list_id) REFERENCES email_lists(id)
);

CREATE TABLE templates (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(100) NOT NULL,
    subject VARCHAR(255) NOT NULL,
    content TEXT NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

CREATE TABLE smtp_accounts (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(100) NOT NULL,
    host VARCHAR(255) NOT NULL,
    port INT NOT NULL,
    username VARCHAR(255) NOT NULL,
    password VARCHAR(255) NOT NULL,
    from_email VARCHAR(255) NOT NULL,
    from_name VARCHAR(255) NOT NULL
);

CREATE TABLE email_queue (
    id INT AUTO_INCREMENT PRIMARY KEY,
    to_email VARCHAR(255) NOT NULL,
    subject VARCHAR(255) NOT NULL,
    content TEXT NOT NULL,
    status ENUM('pending', 'sent', 'failed') DEFAULT 'pending',
    sent_at TIMESTAMP NULL,
    smtp_account_id INT,
    FOREIGN KEY (smtp_account_id) REFERENCES smtp_accounts(id)
);

E-commerce Analytics Dashboard

Comprehensive Business Intelligence Platform for Modern E-commerce

React Node.js MongoDB Redux

Project Overview

The E-commerce Analytics Dashboard is a powerful, real-time business intelligence platform designed to transform raw e-commerce data into actionable insights. This comprehensive solution empowers online retailers to make data-driven decisions, optimize operations, and maximize profitability through advanced analytics, predictive modeling, and intuitive visualizations.

Real-time Analytics Inventory Management Customer Insights Sales Forecasting

Business Impact

35% increase in operational efficiency

28% reduction in inventory costs

42% faster decision-making process

94% accuracy in sales forecasting

Sales Analytics

Real-time revenue tracking with hourly/daily/weekly breakdowns
Advanced sales forecasting with 95% confidence intervals
Product performance analysis with profit margins
Geographic sales heatmaps by region

Inventory Intelligence

Automated stock level monitoring with alerts
Supplier performance tracking
Multi-warehouse inventory synchronization
Automated reorder point calculations

Customer Intelligence

360° customer profiles with purchase history
RFM (Recency, Frequency, Monetary) analysis
Customer lifetime value predictions
Churn risk assessment

Marketing Insights

Campaign performance tracking
Customer acquisition cost analysis
ROI by marketing channel
Email marketing performance metrics

Technical Architecture

Frontend

React 18 with TypeScript
Redux Toolkit for state management
Recharts & D3.js for visualizations
Tailwind CSS for styling
WebSocket for real-time updates

Backend

Node.js with Express
MongoDB with Mongoose ODM
Redis for caching
JWT authentication
Rate limiting & API security

DevOps & Infrastructure

Docker & Docker Compose
AWS ECS & Fargate
GitHub Actions CI/CD
Terraform for infrastructure as code
Monitoring with Prometheus & Grafana

Business Impact & Results

35%

Increase in operational efficiency

28%

Reduction in inventory costs

94%

Accuracy in sales forecasting

Key Achievements

Reduced reporting time by 65% through automated dashboards
Identified $2.3M in potential revenue through customer segmentation
Decreased inventory holding costs by 22% with predictive analytics
Optimized database queries, improving page load times by 40%
Implemented responsive design for mobile users, increasing mobile engagement by 35%
Reduced API response time by 30% through code optimization and caching

Testimonial

"The E-commerce Dashboard has transformed how we make business decisions. The real-time insights and predictive analytics have helped us optimize our inventory and increase our profit margins significantly."

JD

John Doe

CEO, RetailChain Inc.

Future Roadmap

AI-Powered Insights

Advanced predictive analytics and automated recommendations

Mobile App

Native mobile experience for on-the-go management

Multi-language Support

Global expansion with multiple language options

Ready to transform your e-commerce business?

Get in touch to schedule a demo or learn more about our solutions.

Contact Us View on GitHub

Full-Stack Developer | Web Solutions Specialist

Food Ordering System

E-commerce Dashboard

LawyerConnect

Automated LeadSync

Attendance Management System

TrustList

Dynamic Resume Builder

iboba.co.uk

rocksaltworks.com

bestpaperpros.com

orhifytech.com

ipslondon.co.uk

activtruckin.com

totalvaluelogistics.com

Employee Activity & Inactivity Tracker

Safer Extension – Data Extraction and SQL Storage

TrustPoint Scraper with Auto Navigation

Email Verification with OTP Generator

Slack API Integration for Data Posting

RESTful API Development

Real-time Chat Application

E-commerce Checkout System

Authentication Systems

Leads Data Input and Display System

Email Generator and Sender

User and Admin Portals with Front-Facing Websites

iBoba - Internal Food Ordering System

Project Overview

User Features

Admin Features

Technical Implementation

Frontend

Backend

Integration

Business Impact

Visitor Stats

TrustList - Dynamic Form & Content Platform

Project Overview

Form System

Content Management

Technical Implementation

Frontend

Backend

Integration

Business Impact

Leads Data Miners - Project Details

Project Overview

Employee Features

Admin Features

Technical Implementation

Frontend

Backend

Database

Database Schema

iboba.co.uk - Project Details

Project Overview

Core Features

Technical Highlights

Technical Implementation

Frontend

Backend

Additional

Screenshots

Attendance Management System - Project Details

Project Overview

Core Features

Advanced Features

Technical Implementation

Frontend

Backend

Additional

TrustPoint Scraper with Auto Navigation

Project Overview

Key Features

🌐 Category Navigation

📊 Data Extraction

⚡ Automation

💾 Data Management