Product thinking
I spend time understanding the existing flow before building, so new features fit the product instead of feeling bolted on.
Software Engineer · Differenz System
Hiral PatelI build production ready web applications.
I build responsive web applications with React, Next.js, MERN stack, AWS, and clean API integrations. I care about stable features, reusable components, and the details that keep features working.
Custom hook
useDebounce.js
// useDebounce.js - delays a value until input settlesimport { useState, useEffect } from "react"; export const useDebounce = (value, delay = 400) => {const [debounced, setDebounced] = useState(value); useEffect(() => {const id = setTimeout(() => setDebounced(value), delay);return () => clearTimeout(id); // cleanup on change/unmount}, [value, delay]); return debounced;};1Idea
2Flow
3Build
4Ready
About
I like building products that are clear, fast, and useful.
I’m a software engineer based in Surat, Gujarat, currently working at Differenz System. My work sits mostly around React, Next.js, API integration, AWS, and things like loading states, error handling, and edge cases.
Team communication
I work with mobile teams, join client calls, share task updates, and turn requirements into clear implementation steps.
How I write code
I focus on reusable React components, responsive layouts, stable API states, and code that stays easy to maintain.
How I work
A simple, repeatable way of building.
I try to understand the problem before writing code, keep changes reviewable, and leave things easier to maintain than I found them.
development flow
$ understand requirements and existing flows
plan -> scope, UI states, API needs
build -> React components, APIs, data
review -> refactors, debugging, edge cases
verify -> lint, build, test, polish
01
Understand what's needed
Goal, user, constraints
02
Map the screens and states
Screens, states, handoffs
03
Build it
UI, data, edge cases
04
Test and hand off
Review, test, handoff
Featured work
Projects built around real product problems.
A closer look at two products I've shipped — fleet compliance at scale and a developer workspace built around real team workflows.
app.hubfleet.com.au/dashboard
HDASHBOARD
Northline Freight Co
Welcome Harry Potter!
Hubfleet Dashboard
Current Shifts
18
Open Hazards / Incidents
83
Current Fatigue Breaches
31
Open Faults
121
Schedule For Repair Faults
30
Monitoring Faults
12
Total shift hours
Total distance driven(km)
Fleet compliance product
Hubfleet
Worked on an NHVR-approved electronic work diary and fleet safety platform for transport teams across Australia.
NHVR approved EWD
Real-time fleet views
Driver compliance
- Supported workflows for electronic work diaries, fatigue management, safety records, maintenance, mass management, and telematics
- Built around driver, fleet manager, and chain-of-responsibility partner use cases with clear compliance-first flows
- Focused on paperless records, breach visibility, secure long-term record storage, and mobile-friendly operations
ReactJavaScript SPAGraphQLAWS LambdaDynamoDB
app.notely.co.in
N
org/product-appTo Do2
Feature
Add user profile settings
feature/user-profileA
Bug
Fix auth token refresh
fix/auth-tokenR
In Progress2
Design
Redesign dashboard cards
feature/dashboard-uiK
Backend
API rate limiting
feature/rate-limitM
Done2
Setup CI/CD pipeline
mergedUser registration flow
mergedPersonal SaaS product
Notely
Built a developer workspace that connects project planning with GitHub repositories, task ownership, and branch workflows.
GitHub integration
Task branches
Team workspaces
- Created Notion-style project pages where teams can manage tasks, docs, status, and repository context together
- Connected task creation with GitHub branch generation, base branch selection, assignments, and email notifications
- Designed collaboration features around boards, real-time updates, activity, analytics, JWT auth, and Google OAuth
ReactNode.jsMongoDB AtlasSocket.IOGoogle OAuthCloudflare R2 BucketSEO
Skills
What I work with.
The areas I spend most of my time in — interfaces, full-stack features, APIs, AWS, and the tools around them. Some I know deeply, some I'm still growing into.
CapabilityScope and tools
Product InterfacesFrontend engineering
Reusable screens, responsive layouts, component systems, and clear interaction states.
React.jsNext.jsTypeScriptTailwind
Full-stack BuildsMERN stack
End-to-end product features with frontend, APIs, auth flows, and database-backed screens.
MongoDBExpress.jsNode.jsAuth
Cloud & ReleaseAWS and CI/CD
Deployments, storage, serverless functions, hosting paths, and release checks.
LambdaS3DynamoDBAppSyncAmplifyCognito
APIs & DataIntegration work
REST and GraphQL integrations, dynamic data, edge states, and dashboard models.
RESTApollo GraphQLDynamoDBMongoDB
Workflow ToolsEveryday tooling
Editor assistants and code-review habits used for refactors, debugging, and iteration.
CodexClaudeCursorAntigravity
Mobile FoundationsPlatform awareness
Android, Kotlin, WebView apps, Firebase basics, offline states, and Play Store readiness.
AndroidKotlinWebViewFirebase
Product UXUI & accessibility
Clarity, accessibility, client-ready interfaces, and product decisions that make interfaces easier to use.
UXA11yPolishHandoff
Experience
A timeline of product work.
Recent work across product features, reusable React components, API integrations, client communication, freelance delivery, and MERN stack training.
Jul 2026 - Present
Software Engineer
Differenz System
Continuing at Differenz System with a broader engineering role across product features, reusable frontend systems, API integrations, and production delivery.
React.jsNext.jsAWSApollo GraphQL
Jul 2025 - Jun 2026
Junior Software Engineer
Differenz System
Building and improving product features, creating reusable React components, integrating APIs, coordinating with mobile teams, and joining client calls to clarify requirements.
React.jsAWSDynamoDBApollo GraphQL
Jan 2025 - Jun 2025
Trainee
Differenz System
Worked across JavaScript, AWS, and application fundamentals while learning team workflows and production code practices.
JavaScriptAWSReact.js
Aug 2024 - Dec 2024
Freelance Web Developer
Upwork
Delivered client-based web projects remotely with a focus on responsive implementation and clean handoff.
React.jsNext.jsResponsive Design
2019 - 2025
Computer Engineering
Gujarat Technological University
Completed Diploma and Bachelor's studies in Computer Engineering with foundations in data structures, Python, Android, Kotlin, and software development.
Computer EngineeringPythonData StructuresKotlin
Freelance
Open to freelance, alongside my full-time role.
If you have a feature, a website, or some interface work that needs a hand, here's the kind of thing I take on. Happy to start small.
Full-stack feature work
UI, APIs, auth, and data connected into a working feature.
Websites & landing pages
Responsive, fast, and easy for a team to update.
Interface & UX cleanup
Polishing components, states, and accessibility on an existing product.
GitHub
Code, experiments, and product work.
A quick look at the kinds of projects and tools I spend time with.
Contribution activity
GitHub-style development rhythm
Fallback GitHub-style contribution graph
Preview
LessMore
Testimonials
Real client feedback.
A few notes from freelance work — clear delivery, reliable communication, and steady follow-through.
5.0
Sports League Website“Patel has amazing ability in web design. I will not hesitate to work with him for future projects.”
Committed to QualityCollaborative
5.0
Website Clone“He is reliable and does the work on time”
ReliableOn-time delivery
Based in Surat, Gujarat
Have a product idea or role in mind?
Send the context, the goal, and what already exists. I’ll reply with a clear next step.