AI-First Front-end Developer & Prompt Engineer
Crafting modern, responsive, production-ready web & mobile experiences with an AI-Native workflow mindset.
I'm a developer who believes that AI + Creativity is reshaping how we build digital products.
My focus is to combine solid engineering practices with AI-native workflows to deliver clean, efficient, and future-proof solutions.
- Web → React · Next.js · Tailwind CSS · TypeScript
- Mobile → React Native · Expo
- AI Workflows → Codex · Claude Code CLI · Bolt.new · Spline.design · Cursor
- Design → Figma · Framer · Canva
- Mission → Build digital products that are not only functional, but delightful to use.
Area | Tools & Frameworks |
---|---|
Frontend | React · Next.js · Tailwind CSS · TypeScript |
Mobile | React Native · Expo |
AI-Native | Codex · Claude Code CLI · Bolt.new · Spline.design · Cursor |
Backend | Supabase · Firebase (basics) |
Design | Figma · Framer · Canva |
Delivery | GitHub · Vercel · Netlify |
Here are some of my highlighted projects—mixing strong UI/UX with AI-powered development:
-
Finverse – Personal Finance Tracker · Live Demo
A production-ready finance dashboard blending a premium dark UI with real-time cash-flow analytics. Capture income and expenses, manage wallet cards, and visualise trends across daily, weekly, and monthly views.
Built using React 18, TypeScript, Vite, Zustand, Tailwind, shadcn/ui, Recharts, and Framer Motion.
Features include persistent local storage, import/export utilities, responsive layouts with adaptive mobile sheets, animated wallet cards, and accessible charts.Note: Instead of heavy state management or server coupling, this project ships with a lightweight Zustand slice architecture + localStorage persistence, ensuring offline-first usage with instant feedback.
-
NeonGhost Lab – Production React SPA · Live Demo
A production-ready single-page application showcasing AI-native motion systems with Spline 3D hero integration, Lenis smooth scrolling, and GSAP-powered animations.
Built using React, TypeScript, Vite, Tailwind, Lenis, and GSAP.
Features include horizontal scroll with progress indicator, sticky step reveals, parallax playground, accessibility compliance, and 90+ Lighthouse performance.Note: Instead of a heavy vertical-to-horizontal pinning technique, this project uses native scroll-snap with GSAP enhancements for performance and mobile compatibility.
-
GlassLand · Live Demo
Modern landing page showcasing advanced glassmorphism design principles. -
Finora – Personal Finance Tracker · Live Demo
Intuitive mobile app built with React Native + Expo.
Track expenses, manage budgets, and gain financial insights. -
Fitness Dashboard Recreation · Live Demo
Fitness tracking dashboard built with React, TS, Tailwind.
Track workouts, monitor progress, and connect with friends. -
Dashboard App · Live Demo
Fully responsive dashboard with beautiful charts, analytics, and accessibility-first design.
Built with React, Vite, Tailwind CSS. -
Cookify – Recipe App · Live Demo
Recipe management app with Vanilla JS + Vite.
Discover, save, and organize your favorite recipes. -
Alex Corbin Portfolio · Live Demo
Minimalist, dark-themed portfolio site.
Built with semantic HTML, CSS Grid/Flexbox, Vanilla JS.
- Built and launched 10+ modern web/mobile apps using React & React Native
- Experienced in AI-first workflows, cutting development time significantly
- Strong focus on UI/UX and accessibility-first design
- Delivered projects with fast iterations & clean code
Looking to collaborate? Feel free to reach out — I'm open to freelance, collabs, or new opportunities.
You can support me in different ways:
- Star my repositories
- Give feedback or open issues
- ONLY send TRON network assets to this address
- Supported tokens: USDT-TRC20, TRX, and other TRC20 tokens
- DO NOT send: Bitcoin, Ethereum, BSC, or other network tokens
- Warning: Sending assets from other networks will result in permanent loss
- Verify address: Always double-check the wallet address before sending
- Small test: Consider sending a small amount first to verify the transaction
- Binance Users: Use Binance Web3 Wallet or regular Binance withdrawal
- Other Wallets: Ensure you select TRON (TRC20) network
- Scan QR Code: Use the QR code in the image above for easy transfer
- Manual Entry: Copy the wallet address exactly as shown
- Cryptocurrency transactions are irreversible
- Always verify the network and address before sending
- I am not responsible for funds sent to wrong addresses or networks
- This is a voluntary support method - no obligation to contribute
Mission: build the future of software with AI-Native development—where human creativity meets automation.