Speedester
• Built a real-time typing engine calculating WPM, accuracy, and error tracking with near-instant feedback
• Designed efficient character tracking logic to ensure low latency and smooth user interaction
• Optimized rendering to minimize re-renders and improve performance
• Implemented responsive UI for seamless experience across devices
• Focused on performance-first frontend architecture
Vblogs
Role-Based Blog Platform (RBACBlog) | Live Demo | React.js, Tailwind CSS, Supabase
• Built a scalable Role-Based Access Control (RBAC) system with 3-tier authorization (Admin, Editor, User), enabling secure and permission-based content access across the application
• Implemented protected routes and dynamic UI rendering based on user roles to ensure strict access control and data security
• Designed a fully responsive, production-ready UI optimized across mobile, tablet, and desktop breakpoints for consistent user experience
• Optimized Supabase queries and data-fetching strategy to achieve sub-150ms response times and reduce unnecessary re-renders
• Structured the frontend architecture for maintainability, separating concerns between authentication, authorization, and UI layers
Typing Skill Builder (Speedtester)
Built a real-time typing application with WPM, accuracy, and error tracking with instant feedback. Designed efficient input tracking logic for low-latency interactions, optimized rendering to minimize re-renders, and developed a fully responsive UI optimized across devices. Technologies: React.js, Tailwind CSS, Firebase.
Role-Based Blog Platform (RBACBlog)
Designed and implemented a scalable 3-tier role-based access control system with protected routes and dynamic UI rendering based on user roles. Optimized Supabase queries and data-fetching strategy to achieve sub-150ms response times and structured the frontend architecture by separating authentication, authorization, and UI layers. Technologies: React.js, Tailwind CSS, Supabase.