TO VISIT THE BLOGTO VISIT THE BLOG
PRESS THE BUTTONPRESS D NOW
Dzulhelmy Nazri
Life is hard for two reasons. Either
Overview
Social Links
About
Hello, World! I am Dzulhelmy Bin Nazri — a Frontend Engineer passionate about creating clean UIs and writing clean code. I love to learn new technologies to ease my Developer Experience (DX).
I'm currently working at Mechanikos Sdn Bhd as a Product Interface Engineer. I'm responsible for creating the user interface for the Mechanikos's projects.
Now, I’m available for one freelance project in UI/UX Design and Frontend Development. Don’t hesitate to contact me if you have any questions or would like to discuss a project.
GitHub Contributions
Stack
Productivity
Experience
Mechanikos Sdn Bhd
Current Employer- Developed and maintaning Mechanikos UI Design System for the Mechanikos's projects.
- Responsible to develop user interface for the Mechanikos's projects.
- TypeScript
- Next.js (App Router)
- Shadcn/ui
- Tailwind CSS
- Figma
- UI/UX Design
- Agile
- Teamwork
- Problem-solving
Education
Universiti Tenaga Nasional (UNITEN)
- 2 times Dean's List Awards
- Human Computer Interaction
- Software Engineering Principles
- Object-Oriented Programming
- Data Structures and Algorithms
- Database Management Systems
Tech In Asia School
Projects(4)
It's a combination of Slack + AI
I wanted to explore how AI could enhance real-time team communication.
So I decided to build an MVP Slack + AI.
The app is built using Next.js (App Router v15), styled with Shadcn and TailwindCSS v4.
Kinde handles authentication and billing, OpenAI powers AI responses and oRPC manages structured API communication.
Under the hood, I’ll implement:
- Reverse Infinite Scroll for chat messages
- Middleware for request validation and security
- Data Transfer Objects (DTO) for clean and consistent data flow
- Data Access Layer (DAL) for safe database interactions using Neon Postgres
It will be protected by Arcjet and deployed on Vercel.
- Next.js 15
- Tailwind CSS v4
- Radix UI
- shadcn/ui
- Prisma ORM
- Zod
- React Hook Form
- UploadAThing
- Neon PostgreSQL
- OpenAI
- oRPC
- Kinde
- Arcjet
![Cartee (Shopify + WhatsApp) [Pre-revenue RM165,000]](/projects/cartee.svg){kind=small}
