Personal Project
HRMS Dashboard
A dashboard-style UI built in React: navigation, data tables, and reusable layout pieces that don’t fall apart when the dataset grows.
ReactTailwindTablesLayout
Frontend Developer focused on React
I build React interfaces that feel smooth and fast.
I’m Piyush. I enjoy building UI that’s simple, clear, and actually feels good to use. I focus on clean components, predictable state, and small details that make the experience better.
ReactHooksComponent DesignAPI Integration
How I approach UI
I focus on getting the basics right — layout, spacing, and how the UI behaves when real data comes in.
01
Structure
Keeping components clean and reusable
02
State
Handling loading, errors, and edge cases properly
03
Details
Small interactions that make things feel better
ABOUT
I’m a React-first frontend developer.
I build UI for dashboards, tools, and product sites—mostly the kind with real state and real edge cases.
What I’m good at
- Building reusable components that don’t fight you later.
- Making UI state predictable (loading, error, empty, success).
- Keeping spacing and typography consistent across the whole app.
- Shipping UI that feels responsive—not just “responsive”.
What I’m focusing on
Next.js App Router, solid React patterns, and UI polish that stays light.
React
Hooks + composition
Next.js
Static-first pages
Tailwind
Tokens + consistency
Motion
Small cues
PROJECTS
Projects
Featured AI build first, then the rest. Client work is separated at the bottom.
Featured project
AI Avatar Generator
A React-based generator UI where the main work is state + UX: inputs, loading, error states, and clean composition. The daylight/glass look is intentional—easy on the eyes, still premium.
- Glassmorphism UI
- Daylight (Light Mode) design
- AI-based experience
ReactTailwindUI StateUX
Personal Project
Travel Experience Website
A landing page that leans into motion without getting heavy—section transitions, scroll rhythm, and responsive layouts that keep the story readable.
ReactFramer MotionResponsive UIMotion
Personal Project
Flow Desk Dashboard
A SaaS dashboard concept where the focus is component structure: cards, charts placeholders, and consistent spacing across dense screens.
ReactTailwindComponent System
Onsite Projects
Onsite Work
Live Site only
CLIENT WORK
Aviation Overseas Supply (Current Company Project)
Worked on this project during my internship, focusing on building clean and responsive UI sections. Improved layout structure, spacing, and overall consistency to make the site feel more professional and easy to navigate.
Responsive UILayout DesignFrontend Development
CLIENT WORK
Jyoti Polymers (Internship Project)
Currently working on this project as part of my company work. Focused on delivering a clean, content-first UI with simple navigation, consistent typography, and fast loading performance for a better user experience.
Frontend DevelopmentTypographyPerformance Optimization
SKILLS
Mostly React, and the tools I use around it.
I spend most of my time in React. The rest helps me build faster and keep things clean.
REACT ECOSYSTEM
Where I spend most of my time.
Mostly working with components, hooks, and handling UI state. I like React because it keeps things simple, but still lets you build really clean interfaces.
something I use a lot
> const [open, setOpen] = useState(false)
> useEffect(() => sync(), [deps])
> clean, reusable components
React.js (core)
Building UI with reusable components
Hooks
useState, useEffect, and custom hooks in real use
Component architecture
Keeping things clean and maintainable
API integration
Handling data, loading states, and errors
What I work with
These are the tools I actually use while building projects.
React.js (core)
Building UI with reusable components
Hooks
useState, useEffect, and custom hooks in real use
Component architecture
Keeping things clean and maintainable
API integration
Handling data, loading states, and errors
React
Structuring apps in a scalable way
Next.js
Routing, performance, and static builds
TypeScript
Helps avoid silly bugs
Tailwind
Quick styling without overthinking CSS
Redux
When state starts getting complex
Context API
For simpler global state
API Integration
Connecting UI with real data
Visual hierarchy
Spacing and typography that feel right
Motion design
Subtle animations, not overdone
Accessibility
Basic usability and readability
Node.js
Basic API understanding
Laravel
Worked with it at a basic level
How I approach things
I don’t try to learn everything. I focus on a few tools, get comfortable with them, and use them to build clean and usable UI.
Frontend Core
Tools I rely on to build fast and clean UIs
ReactNext.jsTypeScriptTailwind
State & Data
Keeping UI and data in sync without chaos
ReduxContext APIAPI Integration
UI/UX
Where small details make a big difference
Visual hierarchyMotion designAccessibility
Backend Basics
Enough to understand and integrate things properly
Node.jsLaravel
TERMINAL
A tiny signature.
A small interactive detail. Lightweight on purpose.
pd-terminal
▍CONTACT
Want to reach out?
No backend form. Just email—simple and reliable.