Hi, I'm Kanai 🌊
FRONT-END
WEB DEVELOPER.
A passionate frontend / Fullstack-Javascript web developer and UI/UX enthusiast specialized in building stunning pixel-perfect interactive websites/applications.
Reach outAbout
Hello there! I'm Kanai, a Frontend / Fullstack-JavaScript web developer based near San Francisco. I wake up in the morning, grab a cup of starbucks coffee, open up my laptop and build things that live on the web all day, everyday.
People who know me say I'm obsessed, that's fair, I am very driven and love learning new things.
My Hobbies are gaming, anime, & boxing & I engage in these activities on a daily basis.
Technologies
- JavaScript (ES6+)
- CSS
- HTML
- ReactJS
- NextJS
- TailwindCSS
Featured project
As the lead developer for the Alameda County District Attorney’s Office, I architected and deployed responsive, high-performance websites using WordPress, Elementor, and Divi, extending core functionality with custom HTML, CSS, JavaScript, PHP, and AJAX. I managed the full development lifecycle, from technical planning and stakeholder coordination to meeting strict deadlines and resolving cross-team bottlenecks. My work included building dynamic, interactive features through custom code, overcoming the limitations of visual builders, and implementing asynchronous data flows with AJAX for enhanced user experience. Each project was optimized for speed, accessibility (WCAG-compliant), and mobile responsiveness—delivered within the constraints of a high-stakes public sector environment.
Tech stack
- TailwindCSS
- ReactJS
- React-hook-form
- NextJS
- PHP
- AJAX
- Elementor
- Divi
- Git
- Axios
- Supabase
- Stripe
Project type
Fullstack-WordPress
Timeline
October 2023 - present
Projects
I'm a front-end web developer who blends creative vision with technical execution, building responsive, user-focused interfaces that balance performance, accessibility, and design. With hands-on experience across WordPress, React, and custom JavaScript applications, I turn complex ideas into clean, functional digital experiences that deliver real-world impact.
Alameda County Family Justice Center
Alameda County Family Justice Center
Redesigned and optimized the Alameda County Family Justice Center website, enhancing accessibility and user experience for over 5,000 monthly visitors seeking critical victim support services.
I built the Alameda County Family Justice Center website using React, Divi, and custom PHP to deliver a fast, accessible, and responsive user experience. The site integrates dynamic front-end components with scalable back-end logic tailored for public service delivery. It now serves over 7,000 active members monthly, providing critical access to legal resources and victim support.
WebsiteAnime Directory Site
Anime Directory Site
Created an anime search app that pulls live data from an external API to display trailers, character info, and show details.
I developed a responsive Anime Directory site that utilizes real-time API calls to display detailed anime data, including trailers, character images, and metadata. This project demonstrates my ability to build interactive, data-driven UIs using React, API integration, and custom search functionality.
WebsiteYoutube Clone
Youtube Clone
Built a fully responsive YouTube clone focused on layout replication, UI design, and video playback functionality.
I developed a responsive YouTube clone that mimics the core layout and user experience of the platform, including a functional UI with video playback and interactive design elements. This project demonstrates my ability to build clean, mobile-friendly interfaces with a strong emphasis on layout structure and responsiveness.
WebsiteNinja Sprite Animation
Ninja Sprite Animation
Built an interactive sprite animation app that displays ninja actions using multiple sprite sheets and a user-controlled dropdown menu.
I created a ninja sprite animation tool that uses multiple sprite sheets to render different animated actions, controlled through a custom dropdown menu. This project demonstrates my understanding of canvas rendering, animation timing, and interactive UI control through vanilla JavaScript.
WebsiteParallax Moving Background Compound Animation
Parallax Moving Background Compound Animation
Created a parallax background animation that layers and moves elements to produce a dynamic depth effect.
I implemented a parallax background animation effect that simulates depth by layering and moving background elements at varying speeds based on user interaction. This project showcases my ability to work with animation timing, layering, and smooth visual transitions using pure HTML, CSS, and JavaScript.
WebsiteRPG Game
RPG Game
Built a text-based RPG with inventory management, combat mechanics, and a final boss progression system.
I developed a text-based RPG game featuring a shop system, gold economy, health management, and combat against enemies of increasing difficulty leading up to a final boss battle. This project highlights my skills in game logic, condition handling, and building interactive decision-based systems with JavaScript.
WebsiteGet In Contact
For all job opportunities, please contact me and I will get back to you shortly.
Reach out