Basit Safi Construction & Engineering Services Company

Basit Safi Construction & Engineering Services Company

Personal

About This Project

This web platform was custom-engineered to serve as an authoritative digital corporate catalog and B2B showcase for Basit Safi Construction & Engineering Services Company, a leading infrastructure firm shaping Afghanistan's structural landscape since 2016. Designed with a high-performance B2B architecture, the platform digitizes the company's multi-million-dollar service portfolio, technical methodologies, and equipment showcase to streamline engagement with government entities, international development partners, and private enterprise stakeholders. Key Platform Features & Technical Highlights Comprehensive B2B Solution Showcase: Interactive service catalogs detailing specialized engineering capability—from advanced Geodetic Survey & Photogrammetry (utilizing RTK/DGPS and UAV/Drone mapping) to Structural CAD/BIM Modeling, 3D Terrain Visualization, and Quantity Estimation. High-Impact Project Repository: Dynamic portfolio sections showcasing completed national-scale infrastructure projects including highway reconstructions, irrigation canal networks, bridge engineering, and high-voltage electrical transmission lines. B2B Partner & Institutional Portal: Dedicated sections highlighting official corporate alliances, government licensings, continuous ISO compliance, and diplomatic visits from international partners. Interactive Media & Lightbox Galleries: Optimized multi-device visual galleries allowing stakeholders to inspect high-resolution site execution photos, technical certificates, and field operations seamlessly across desktop and mobile. Modern & Scalable Architecture: Built with clean, responsive UI components, high-contrast dark aesthetics, optimized page performance, and multilingual-ready layout structures for seamless accessibility. Tech Stack & My Role as Full Stack Developer As the Lead Full Stack Developer, I engineered the entire frontend-to-backend interface, focusing on high conversion, modern UI dynamics, responsive grid controls, and performance optimization for heavy industrial content. Frontend: React, Tailwind CSS, Lucide Icons, Modern Motion/Tab Systems Backend / MIS Integration: Laravel Ecosystem, FilamentPHP Key Focus: Fast render speeds, clean grid UI, mobile-first responsiveness, and structured corporate content presentation.

Technologies Used

Project Stats

Type
Personal
Views
72
Technologies
10

Project Links

Get In Touch

Interested in this project or want to discuss similar work? Let's connect!

Contact Me

Other Projects

Filter by

Roznamchaa MIS — All-in-One Cloud POS & Enterprise Business Automation Platform Personal 14

Roznamchaa MIS — All-in-One Cloud POS & Enterprise Business Automation Platform

A robust, all-in-one Management Information System (MIS) engineered explicitly for modern retail and wholesale businesses. Business owners often struggle with scattered data, inaccurate inventory counts, chaotic Point of Sale (POS) processes, and a lack of clear financial foresight. This leads to missed sales opportunities, inflated operational costs, and business stagnation. Roznamchaa MIS bridges this command gap. It serves as the single source of truth for your business operations, empowering entrepreneurs to seamlessly track sales, manage complex stock layouts across multiple branches, maintain granular control over expenses, and accelerate growth through intelligent, data-driven decisions. Core Key Features & Technical Highlights: Dynamic Point of Sale (POS): Streamlined checkout interface optimized for speed and accuracy. Includes integrated barcode scanning, dynamic product search, quick customer profile lookup, flexible payment method handling, and immediate thermal receipt generation (80mm ready). Intelligent, Real-Time Inventory Management: Go far beyond basic counting. Monitor precise stock levels live across all locations. Define low-stock triggers for automatic reordering alerts, manage unlimited product variations (size, color, weight), track batches/expiration dates, and streamline supplier relationships within one platform. Comprehensive Expense Tracking & Financial Control: Achieve full financial transparency. Implement detailed categorization and granular tracking of every business expense. Generate automated, accurate Profit & Loss statements and Balance Sheets to ensure total fiscal accountability across your operations. Intelligent Reporting & Advanced Analytics: Transform raw data into competitive advantages. Access dynamic dashboards displaying real-time business health metrics alongside deep-dive reports on sales trends, peak operating hours, top-performing product lines, and detailed customer purchase behavior. Scalable Multi-Branch Support: Scale your operations without losing control. Effortlessly manage multiple physical store locations from a centralized online hub, enabling consolidated reporting and inventory transfers between branches. Role-Based User Management: Implement secure, fine-grained access control to ensure data integrity. Define specific roles (Cashier, Manager, Admin) to enforce team accountability and protect sensitive operational information. Roznamchaa MIS embodies the powerful mantra: Smart Management leads to Better Business, resulting in Better Inventory, Higher Sales, and Bigger Dreams.

PHP Laravel Filament PHP +4 more
View Details
Anarzai Talc & Minerals - Global Industrial Supplier Platform Personal 17

Anarzai Talc & Minerals - Global Industrial Supplier Platform

The primary goal was to create a modern, high-performance web platform for Anarzai Talc & Minerals Company, a premier supplier from Afghanistan. The website needed to represent their high industrial standards, showcase their product quality (talc, marble), and facilitate global B2B trade by generating leads through request-a-quote functionality. My Role: As the Lead Developer/Engineering Architect, I was responsible for the full-stack development life cycle. This included: Engineering architecture design and performance optimization. Front-end development focusing on a responsive, professional user interface. Technical SEO implementation, specifically custom JSON-LD schema for a B2B quote on request model. Multi-language support configuration (English, Pashto, Dari). Analytics integration for real-time traffic monitoring. Technical Highlights: B2B-Optimized SEO Schema: Engineered custom 'Service' with 'AggregateOffer' JSON-LD markup to replace invalid e-commerce product markup. This resolved Google Merchant listing errors and established a valid, quote-request schema, improving organic visibility in industrial B2B searches. Advanced Analytics with SPA: Implemented lightweight Google Analytics 4 (GA4) integration designed for Single Page Applications (SPAs). This includes manual pageview triggers on route changes to ensure precise data collection without blocking initial page paint, verified via Google Tag Assistant. Scalable Architecture: Built with modern web engineering principles to ensure maintainability, scalability, and high annual capacity for traffic.

React JS TypeScript (TS) Google Analytics 4 (GA4) +5 more
View Details
Rana Hostel – Hostel Management System & Website Personal 14

Rana Hostel – Hostel Management System & Website

Project Overview Rana Private Hostel Management System is a modern, full-stack web application built to automate daily operations, financial tracking, and resident security for private hostels. Designed with an emphasis on high performance, clean UI/UX, and local language support, the system provides an intuitive dashboard for administrators to manage student records, room allocations, fee payments, and daily gate movements efficiently. Key Features Student & Room Allocation: Manage resident profiles, assigned rooms, bed capacities, and active residency statuses with quick search and filter options. Financial Management & Receipt Printing: Track student fees, hostel expenses, and monthly financial reports with automated thermal printer integration for 80mm payment receipts. Security & Movement Logs: Digital gatekeeping system to log student entries/exits and visitor access in real time for maximum security. Multi-Language & Native RTL Support: Seamlessly switch between English, Pashto (پښتو), and Dari/Farsi (دری) with automated Right-to-Left (RTL) layout adjustment. Role-Based Access Control (RBAC): Fine-grained permissions powered by Filament Shield to protect sensitive financial records and administration privileges. Modern High-Contrast UI: Modern dark theme interface inspired by Slate & Zinc styling, optimized for daily administrative work without eye strain. Technical Stack Backend: Laravel & PHP Admin Panel & UI: FilamentPHP v5 & Tailwind CSS Localization: Filament Language Switch (EN / PS / FA) Database: MySQL Testing & Quality Assurance: Automated unit & feature testing suite (90+ passing tests)

PHP Filament PHP Laravel +7 more
View Details
Gitslink Company Website and Database System Companies 35

Gitslink Company Website and Database System

This project was developed for Gitslink a professional technology company. The goal of the project was to design and develop a modern responsive and user friendly website along with a powerful and secure database system. The website allows the company to fully control its content services and public information directly from the database. In addition to website management the system also supports internal company operations including employee management attendance records salary management and overall internal administration. The database was designed to handle both small and large scale data and to support future system expansion. The project was built using clean code modern development practices and a scalable architecture to ensure high performance strong security and long term maintainability. This complete solution helps the company manage both its digital presence and internal operations from a single centralized system.

HTML5 CSS3 Javascript +11 more
View Details
Sherzai Khwonez Markz – Educational Management System & Website Companies 66

Sherzai Khwonez Markz – Educational Management System & Website

In collaboration with the Gitslink team, we successfully developed a complete, modern, and trilingual educational management system along with the official website for Shirzai Educational Center. The system is designed to meet the core needs of educational institutions and includes the following features: Comprehensive student management Professional teacher management system Class scheduling and organization Subject management Complete examination management Branch and branch manager control Dedicated admin panel Trilingual support (Pashto, Dari, English) Secure, fast, and modern database Project Goal: The main objective of this project was to provide organization, transparency, and modern technology for the educational center. It enables online access to all academic information and services, enhances operational efficiency for students, teachers, and administrators, and ensures smooth management of educational activities. Technology & Professional Work: The system and website were fully designed and developed by the Gitslink team collaboratively. The platform is user-friendly, secure, and optimized for performance. Trilingual support ensures accessibility for all types of users. Outcome: This project represents Gitslink’s commitment to delivering professional, reliable, and high-quality solutions for educational institutions, combining modern technology with practical management features.

Laravel Filament PHP PHP +8 more
View Details
Appwind – Frontend Web Team 39

Appwind – Frontend Web

Appwind is a modern frontend web application built with React.js, developed as a personal project during my Upskill internship. It emphasizes responsive design and a smooth user experience for app-related content. #Key Features: Fully responsive and mobile-optimized design Clean and intuitive UI Fast and interactive frontend experience Reusable React components for scalability #My Role & Collaboration: This was a personal project developed individually during my internship at Upskill. Designed and implemented the entire frontend using React.js Created responsive layouts with Tailwind CSS Focused on clean, reusable component design

HTML5 CSS3 React JS +3 more
View Details