Full Stack Web Development

Alniaz Petroleum – Premium Fuel Station Website

A complete case study for Ch Shafqat Shafeeq.

Project Brief

A modern, high-performance website for Alniaz Petroleum — one of Chichawatni's most trusted fuel stations. The site features live government fuel rates, a smart trip cost calculator, facility showcase, and leadership section. Built with a bold tech-themed UI reflecting the station's new era of transparency and quality.

The Challenge

Alniaz Petroleum had no digital presence. Customers had no way to check daily fuel rates online, learn about facilities, or contact the station — leading to lost walk-ins and zero brand visibility in the local market.

The Solution

Developed a fully responsive Next.js website with a live fuel rates system connected to a database, a smart fuel cost calculator based on real-time rates, animated hero section, facility cards, leadership showcase, and SEO optimization with geo-targeted metadata for Chichawatni.

Project Screenshots

Key Features & Technologies

Next.js

TypeScript

Tailwind CSS

MongoDB

Results & Impact

The client now has a strong digital presence with daily live fuel rate updates, improved local SEO visibility, and a professional brand image that sets them apart from competitors in the region.