Masud Sheikh - Developer

I build modern websites
& digital experiences.

Websites·Web Apps·Mobile Apps·Interface Design

I'm a developer focused on building clean, modern digital experiences. I also work with businesses looking to build a new website, or improve the one they already have.

Work

Selected work

Websites, mobile products, games and data analysis. For each one: what it does, why it exists, and what it was built with.

01 - Business Web Platform

Car Booking Website

A complete booking platform with light and dark themes, full booking management, and a staff dashboard where bookings can be added, edited and deleted, with the dashboard updating automatically.

Why it exists · A rental business runs on two things: customers being able to book without friction, and staff being able to see every booking in one place. This is both halves of that - the public site and the admin side behind it.

  • Full CRUD functionality for bookings and fleet
  • SQL database integration behind a PHP backend
  • Admin dashboard with live updates
  • Light & dark theme support
HTMLCSSJavaScriptPHPSQL
drivebook.local/admin
Booking Management
Live dashboard · auto-refreshing
+ Add booking
Active bookings
24
Fleet available
11
Revenue (wk)
RM 8.4k
CustomerVehicleDateStatusActions
A. RahmanTesla Model 314 JunConfirmedEditDel
J. LeeBMW i415 JunPendingEditDel
S. PatelAudi A416 JunConfirmedEditDel
Dark theme built-in
LEVEL 3 / 5SCORE 12,480LIVES ♥♥♥
●●Multi-ball▬▬Wide paddle◐Slow motion×2Score boost

02 - Software Architecture

Breakout Blitz

A brick breaker game built in Java - but the real project was the architecture. Designed around object-oriented principles and classic design patterns, with a clean separation between the game loop, rendering and state.

Why it exists · A game is an honest test of structure: it changes constantly while it runs. I used it to build something that stays easy to extend when new levels, powerups and rules keep arriving.

5
Levels
4+
Powerups
OOP
Patterns
  • Object-oriented design with clear responsibilities
  • Design patterns: observer for game updates, factory for levels
  • Score tracking and progressive difficulty
JavaOOPDesign PatternsClean Architecture

03 - Mobile Product

StockFresh

A Flutter app that helps people waste less food - tracking freshness, scanning groceries, generating recipes with LLMs, and turning better habits into daily challenges. Designed in Figma first, then built end to end.

Why it exists · Most food gets thrown away because nobody notices it going off. The app puts that information where you already look, and makes the alternative - cooking with what you have - the easier option.

FlutterLLM IntegrationComputer VisionFigma

Freshness Tracking

Monitors expiry dates across the whole inventory.

Recipe Generation

LLM-generated recipes from ingredients you already have.

Expiration Scanner

Analyses food photos to estimate expiry dates.

StockFresh
Good morning 👋
🥦
Waste saved this month
2.4 kg 🎉
Expiring soonSee all
🥬
Spinach
2 days left
🥛
Greek Yogurt
5 days left
🍅
Tomatoes
8 days left
🍗
Chicken Breast
1 day left
🏠📦👨‍🍳📊

Daily Challenges

Nudges that build healthier food habits.

Smart Recommendations

Personalised suggestions powered by LLMs.

Reports & Statistics

Insights into food usage and waste patterns.

04 - Data Analysis

Great Crested Newt - Risk Zone Analysis

A geospatial study of Great Crested Newt risk zones across Norfolk & Suffolk, told as a story rather than a PDF. Using Python and GeoPandas, I cleaned an official government dataset, aggregated protected land by risk category, and mapped where conservation pressure is highest.

Why it exists · Conservation decisions get made on land area, but the official data arrives as raw geospatial records. The question worth answering was simple: how much land sits in each risk category, and where?

PythonGeoPandasPandasGISMatplotlib
1

Source & understand

Chose the official Great Crested Newt Risk Zones dataset from environment.data.gov.uk - revised 5 June 2024 - and read its metadata: two key fields, Risk_Zone and Area_Ha.

2

Clean & preprocess

Standardised column names, selected the relevant columns, and dropped rows with missing or invalid risk zones so every record carried complete classification.

3

Aggregate by zone

Grouped the data to total the area in each risk category - the same idea as a GROUP BY in SQL - to summarise how land is distributed across zones.

4

Visualise & interpret

Plotted a GeoPandas spatial map (Set2 colormap) and a bar chart of each zone's share of total area, then interpreted what the proportions imply for conservation.

Share of total area by risk zone
Norfolk & Suffolk · % of total hectares
68.91%
Green
30.14%
Amber
0.95%
Red
★Green zones cover most of the land, while Red - the highest-risk category - is a small fraction.
2
key fields analysed: Risk_Zone and Area_Ha (hectares)
Jun 2024
dataset revision - recent and authoritative source
Red
smallest zone by area - few highest-risk sites

Where I'd take it next

The small Red footprint is a preliminary insight. Comparing against earlier dataset versions would reveal whether high-risk areas are growing, and layering in habitat quality, land use and development data would test whether these zones hold up against broader ecological patterns.

05 - Modern Web

Charity Platform

A charity platform built with Next.js, with a deliberate focus on modern design and motion - sleek layouts, smooth animations, and a professional user experience from first paint to final click.

Why it exists · Giving money to strangers takes trust, and on the web trust is mostly built by how a site looks and behaves. This was an exercise in making an organisation feel credible in the first few seconds.

  • Next.js App Router architecture
  • Modern UI design with a refined component system
  • Motion design: purposeful transitions, never decoration
Next.jsMotion DesignModern UI
giveflow.app
giveflow
CausesStoriesDonate
Small acts. Big change.
Support causes with full transparency.
Start giving →
🌊
Clean Water
84% funded
📚
Education
61% funded
🍲
Food Relief
92% funded

Presenting

Communicating complex ideas

Building something is half the job - the other half is making people understand it. Step through two of my decks the way an audience would see them.

Technical Architecture1 / 4

Introduction

Breaking down complex systems

  • Start with the problem, not the technology
  • One idea per slide
  • Build a narrative arc

Technical Architecture

Communication

Technical depth, translated for any audience.

Storytelling

Every deck follows a deliberate narrative arc.

Clarity

One idea per slide, ruthlessly edited.

Public Speaking

Comfortable presenting and handling questions live.

Design Process

Designed before it's built

StockFresh started life as a complete Figma design - wireframes, a design system and high-fidelity prototypes - before a single line of Flutter was written. Every project I take on starts the same way.

01Wireframes

Low-fidelity flows mapping every screen and state.

02Design System

Colours, type and components defined before pixels.

03High Fidelity

Polished screens, prototyped and user-tested.

04Build

Figma designs translated 1:1 into Flutter.

to code

About

A developer who likes building things

I'm Masud - a Computer Science and AI graduate, and a developer who's happiest when something's being built. Most of my time goes into web and mobile products: designing them properly, building them properly, and caring about how they feel to use. The rest of it goes into helping businesses get a website they're happy with.

Building for the web

Front and back end - Next.js, JavaScript, PHP and SQL - put together so a site stays fast, readable and easy to change later.

Explaining the work

I can talk through what I've built without the jargon, whether that's an architecture decision or a choice made on someone's homepage.

Design before code

Things start in Figma before they reach the editor. I care about how a product feels to use as much as how it's built.

Beyond the browser

Mobile apps in Flutter, OOP design patterns in Java, LLM integration and data work in Python - the toolkit keeps widening.

Everyday tools:JavaFlutterNext.jsPHPSQLPythonJavaScriptFigma

Toolkit

What I build with

From databases to interfaces, from mobile apps to maps - grouped by where they shine.

Languages

  • Java
  • JavaScript
  • PHP
  • Python
  • SQL

Frameworks

  • Next.js
  • Flutter

Design

  • Figma
  • UI/UX Design

Data

  • Python Analysis
  • GIS Concepts
  • GeoPandas

Websites

Websites for businesses

Alongside my own projects, I work with businesses on their websites. If yours needs building - or the one you have feels outdated - I can design and build something modern, fast and tailored to what you do.

A new website

Designed and built from scratch - fast, responsive and shaped around what your business actually needs to show.

  • Design in Figma before anything is built
  • Built to load quickly and work on any screen
  • Straightforward to update once it's live

The one you already have

Plenty of businesses don't need to start over - they need the site they have brought up to date.

  • Modernising a design that's started to look dated
  • Fixing how it behaves on phones and tablets
  • Improving loading speed and performance
  • Adding new pages or features - or a full rebuild

Not sure what your site needs? Let's talk

Contact

Have a project in mind?

Whether you need a website for your business, want the one you already have improved, or just want to talk about something here - send me an email and I'll get back to you.