RBAC Systems
Granular role and permission engines — scope-aware UI gating, disable-not-hide UX patterns, multi-role workspaces for Admin / Super-Admin platforms.
PermissionsMulti-tenantScoped UI
I build frontendsystems thatfeel alive.
Khushal Shiyal — Frontend Engineer from Ahmedabad, India. Five years shipping enterprise CRMs, real-time platforms, RBAC systems and video experiences. Not just React components — architecture that scales.
engineer.ts
1const engineer = {
2name: "Khushal Shiyal",
3role: "Frontend Engineer",
4experience: "5+ years",
5stack: ["React", "Next.js", "TS"],
6builds: ["CRMs", "RBAC", "Realtime"],
7};
compiling ideas into interfaces
About
Myjourneystartedin2021buildingwebsitesforclinics,consultantsandagrobusinesses—learningthatshippingmattersmorethanperfection.ThencamemarketplacesandCRMsfortheheavyequipmentindustry,whereIdiscoveredwhatIlove:tamingcomplexity.TodayIarchitectenterpriseSaaSfrontends—permissionengines,dashboardsystems,real-timechat,billingflows—theinvisiblemachinerythatmakesproductsfeeleffortless.Icareaboutthedetailsusersnevernoticeandalwaysfeel.
0+
Years of engineering
0+
Products shipped
0
Companies, real teams
0+
Modules architected
Khushal Shiyal
Frontend Engineer — Ahmedabad, India
Philosophy
“A feature isn't done when it works — it's done when it survives real users, real data and real scale.”
Expertise
Five years across production platforms taught me the patterns behind hard frontend problems — these are the ones I solve again and again.
Dynamic Dashboards
Drag-and-drop widget grids, chart pipelines, layout engines and customizable report suites with sanitized data layers on both client and server.
WidgetsChartsLayout engine
Real-time Systems
Production chat, live feeds and presence built on Socket.IO and WebSockets — optimistic UI, reconnection strategies, message ordering.
Socket.IOWebSocketsLive UX
CMS Platforms
Full admin panels and content workflows — role-based modules, reusable form systems, custom hooks shared across CMS and public web apps.
Admin panelsWorkflowsForms
Video Experiences
Streaming-grade players with Video.js — adaptive playback, custom controls, watch-progress tracking for content and fitness platforms.
Video.jsStreamingCustom players
Notifications & Firebase
Firebase Cloud Messaging pipelines — push notifications, foreground/background handling, token lifecycle and in-app notification centers.
FCMPushIn-app inbox
Data-heavy UI
Infinite scrolling feeds, enterprise filtering systems, virtualized tables and search across contacts, deals and product catalogs at scale.
Infinite scrollFiltersTables
API & Payments
REST integration architecture — auth flows, interceptors, race-condition-safe data fetching, Stripe-backed billing and checkout journeys.
RESTStripeAuth flows
ReactNext.jsTypeScriptJavaScriptReduxZustandTailwind CSSMaterial UISCSSFramer MotionReactNext.jsTypeScriptJavaScriptReduxZustandTailwind CSSMaterial UISCSSFramer Motion
Socket.IOFirebaseVideo.jsNode.jsMongoDBREST APIsGitGitLabJiraWordPressSocket.IOFirebaseVideo.jsNode.jsMongoDBREST APIsGitGitLabJiraWordPress
Selected Work
Case studies,
not screenshots.
Scroll to move through
8 shipped products
2022 — Present
01 / 082025
iMentor
Mentorship — CMS + WebA dual-surface platform (CMS + public web) that intelligently matches mentors and mentees from detailed questionnaires. I built role-based modules, the shared component layer and the production real-time chat.
React · TypeScript · ZustandView Case Study
01/08
AI Workflow
I build with AI, daily.
Modern engineering is AI-augmented. These are the tools woven into how I design, debug and ship — each with its own job.
The tools change — the judgment is mine.
~/workflow — cursor.session
$cursor .
❯refactor the billing hook — webhooks can race the redirect confirm
✓indexed 214 files · 6 relevant
·→ useBilling.ts · webhook.ts · checkout.tsx
✓applied 3 edits · types clean · tests green
❯
Pair Programmingkhushal@portfolio
AI-native editor for fast, context-aware changes across large codebases.Multi-file refactorsContext-aware editsDaily driver
Experience
May 2023 — Present
May 2023 — Present
React Developer
Artoon Solutions· Ahmedabad, India
Building enterprise SaaS products end-to-end on the frontend — CRM platforms, CMS systems, mentorship and wellness products.
- Architected dashboard, RBAC and billing frontends for a multi-tenant SaaS CRM.
- Shipped a production Socket.IO chat system and role-based module architecture for iMentor.
- Built Video.js streaming players and Firebase notification pipelines for RWL Fitness.
- Established reusable component layers and custom hooks adopted project-wide.
ReactTypeScriptZustandTailwind CSSSocket.IOFirebase
Feb 2022 — Apr 2023
Feb 2022 — Apr 2023
React Developer
WayRabbit· Remote
Built marketplace and CRM products for the heavy equipment industry — HeyArrow and PartsClub.
- Developed role-based component systems serving User, Admin and Super-Admin from one codebase.
- Engineered dual real-time chat channels (team + customer) with Socket.IO.
- Implemented infinite scrolling feeds and optimized large-catalog rendering.
- Raised code quality with reusable components that cut feature delivery time.
ReactReduxMaterial UISocket.IOContext API
Jan 2021 — Jan 2022
Jan 2021 — Jan 2022
Web Developer
Astniq Solutions· India
Delivered websites across consulting, healthcare, agro and education — from structure and design to launch.
- Shipped and maintained sites for VMS Consultants, Nyayoga, Swastik Agro and Apple Dental Care.
- Optimized pages across 5 applications for speed, scalability and mobile experience.
- Owned brand consistency and continuous feature improvements across client sites.
HTMLCSSJavaScriptWordPress
M.Sc. (I.T. & C.A)
Bhakta Kavi Narsinh Mehta University
2020 — 2022
B.C.A
Bhakta Kavi Narsinh Mehta University
2017 — 2020
Proof of Work
Good work leaves a trace.
Not marketing quotes — consolidated feedback from the team leads, managers and colleagues I've shipped with, condensed from recurring themes across review cycles.
What people notice
01Ownership
02Problem Solving
03Learning Mindset
04Technical Ability
05Reliable Delivery
06Team Collaboration
07AI Adoption
01Vijay Reshamwala
Team Lead / Manager Feedback
Ownership · Problem Solving · AI Adoption · Delivery
Consistently takes ownership of a task from requirement to delivery — he understands what is being asked, implements it thoroughly, and solves problems along the way. Comfortable working across frontend and backend, quick to pick up new technologies, and effective at using AI tools like Claude Code to raise his productivity. Communicates well, collaborates easily, and delivers consistently.
02Devarsh Patel
Manager / Colleague
Delivery · Ownership · Learning
Reliable in execution — takes ownership of assigned work and consistently completes it within expected timelines. Understands technical flows quickly, brings solid problem-solving to his tasks, and pairs a strong work ethic with a willingness to help others when needed.
03Dhaval Mer
Manager / Colleague
Debugging · Code Quality · Teamwork
Strong technical fundamentals with well-structured code and standout debugging ability. Understands assigned work well, follows direction effectively, and stays observant and focused — a positive, dependable presence within the team.
04Sagar Dholariya
Manager / Colleague
Learning · Integrations · Delivery
Quick to grasp new technical concepts — especially third-party integrations, where he works through plugin documentation with ease. Delivers tasks on time, and his professionalism and learning ability stand out.
Multiple reviews from the same person are merged into one entry — quality over quantity. Condensed for length, faithful in meaning.
Open to new opportunities
Have a product that needs serious frontend engineering? A team that needs someone who ships? My inbox is open.