DK

Diwakar Kumar

Available

Frontend Developer · React · TypeScript

Scalable UI systems, AI product flows, and premium frontend experiences.

web

Home

Experience

1+ Years

Hands-On

Featured

3 Projects

Live + source available

Recognition

Top 100

HackHazards '25

terminal profile.summary
Initializing profile context...
[01] ROLE Frontend Engineer
[02] STACK React, TypeScript, Next.js, Tailwind, Node.js
[03] FOCUS AI tools, e-commerce, dashboards, auth flows
[04] STYLE Accessible, scalable, production-ready UI
I build clean, scalable interfaces
for modern product experiences.

React & TypeScript developer with experience shipping e-commerce and AI-powered applications using modern tooling and polished UI systems.

Next.js Groq AI API Screenpipe + TensorFlow.js
diwakar@portfolio:~$

Proficiency

React + TypeScript (Component Systems)
85%
UI Systems (Tailwind, shadcn/ui)
82%
Backend Integration (Node.js, APIs, Auth)
75%
Accessibility & UX (a11y, responsive)
78%

Tools & Specialized

JavaScript (ES6+) TypeScript React.js Next.js Tailwind CSS shadcn/ui Responsive Design REST APIs JWT Auth Supabase Node.js Express.js MongoDB Git & GitHub Vite

150+

AI Components
Reviewed

Top 100

HackHazards
Achievement

3

Featured
Projects

badge

About Me

• Frontend specialization: Focused on React, TypeScript, Next.js, reusable UI systems, and scalable product interfaces.

• Product experience: Built e-commerce and AI-powered applications with authentication, payments, dashboards, and admin workflows.

• Engineering style: Prefer accessible, maintainable, and production-ready implementations with strong UI fidelity.

• AI & specialized tooling: Worked with Groq AI API, Screenpipe, TensorFlow.js, and modern frontend workflows for AI-driven UX.

• Recognition: Achievo ranked in Top 100 out of 2,900+ teams at HACKHAZARDS '25.

Achievo
HACKATHON

Achievo

Source Live Demo

Gamified goal-tracking system

Built a focus-driven productivity app with Screenpipe integration and Groq. Ranked in Top 100 out of 2,900+ teams at HACKHAZARDS '25.

React Groq AI Screenpipe Tailwind
BazzarNet
FULL STACK

BazzarNet

Source Live Demo

Marketplace platform with multiple user roles

Built a multi-role marketplace with JWT-based RBAC, product and order workflows, and Razorpay-powered UPI/QR payment integration.

React Node.js MongoDB Razorpay
Cocable AI
AI TOOL

Cocable AI

Source Live Demo

Browser-based AI image editing experience

Engineered an in-browser background removal tool using TensorFlow.js with fast client-side processing and a clean credit-based product flow.

React TypeScript Supabase TensorFlow.js
Bento Cakes
LANDING PAGE

Bento Cakes

Source Live Demo

Workshop landing page

Built a clean and conversion-focused landing page for cake workshops with strong CTA and layout clarity.

HTML CSS
Bisleri
CLONE

Bisleri Landing

Source Live Demo

Product landing UI

Recreated a premium water brand landing page focusing on strong visuals, typography, and smooth layout composition.

HTML CSS
Yamaha UI
UI EXPERIMENT

Yamaha Hero UI

Source Live Demo

Cinematic hero section

Designed a dark, immersive hero section inspired by Yamaha branding with strong visual hierarchy and depth.

HTML CSS
workspace_premium

Licenses, Certifications & Awards

Recognition and achievements

Introduction to Kali Linux Basics

Simplilearn SkillUP · Dec 2025

Code: 9570445

HACKHAZARDS '25 Achiever

The NAMESPACE Community · Mar 2025

Top 100 Team

ID: 6fda6f58-d372-4614-9bb3-ee58e61ba9c6

Finalist, Re-Imagine Web Design Competition

Sheryians Coding School

Round 1 Submission
school

Education

Academic background

Master of Computer Applications (MCA)

Galgotias University · Greater Noida

2025 – 2027 · 8.35 CGPA

Bachelor of Computer Applications (BCA)

Vinoba Bhave University · Hazaribagh

2022 – 2025 · 7.18 CGPA

Intermediate & Matriculation

S S +2 High School · Hazaribagh

Intermediate: 78.2% · Matriculation: 89.4%