A fuel availability and station-support platform — helping users, marketers, depot operators, and drivers coordinate fuel information, pricing insights, and logistics workflows.
👤 Author: Abdulbasit Abdulalim
FuelLink is a client-ready product concept for the fuel and logistics sector. It includes role-based dashboards, live-style fuel price and refinery/depot UI, fleet request workflows, marketer tools, and data visualisation — all through a modern web interface.
- Public landing page for the platform
- Role-based app areas for admin, depot, driver, and marketer users
- Depot / refinery ticker components
- Fuel price and fleet request UI concepts
- Marketer calculator tools
- Price alert interaction components
- Chat window component
- QR code support
- Recharts-powered dashboard visualisations
- Zustand state management
- Reusable shared design-system components
- Fully responsive Next.js interface
| Area | Technology |
|---|---|
| Framework | Next.js, React |
| Language | TypeScript |
| Styling | Tailwind CSS |
| UI | Radix UI, Lucide Icons, Framer Motion |
| Charts | Recharts |
| State | Zustand |
| Utilities | date-fns, qrcode.react |
| Deployment | Vercel |
src/app/ App routes, landing page and role-based dashboard areas
src/components/ Landing, depot, marketer and shared UI components
src/lib/ Utilities, mock data and store setup
src/types/ TypeScript types
public/ Static assets
git clone https://github.com/basgenix4u/fuelLink.git
cd fuelLink
npm install
npm run devOpen http://localhost:3000.
| Command | Description |
|---|---|
npm run dev |
Start the local development server |
npm run build |
Build the production app |
npm run start |
Start the production server |
npm run lint |
Run ESLint |
| Module | Purpose |
|---|---|
| Admin | Central control area for platform monitoring and operational visibility |
| Depot | Depot / refinery interface for supply and availability updates |
| Driver | Driver-focused route and workflow experience concept |
| Marketer | Marketer tools — calculator, fleet requests, alerts, pricing UI |
- Add real authentication and role-based access control
- Connect to a backend API and production database
Released under the MIT License.
Built by Abdulbasit Abdulalim