I'm a dedicated Front-End Developer with experience starting from 2023, focused on building elegant, accessible, and performance-optimized web applications. I specialize in React.js, Next.js, TypeScript, and Tailwind CSS, and I enjoy translating creative ideas into beautiful, functional code.
- 🎯 I focus on building scalable front-end systems using modern frameworks and tools.
- 💡 Passionate about clean code, intuitive UX/UI, and continuous learning.
- 🧠 Currently learning: Full-stack development, PostgreSQL, and AI-powered web applications.
- 📚 I also work with TypeScript, Redux Toolkit, Zustand, NextAuth.js, and Framer Motion.
- 🔐 Skilled in building secure authentication flows using OAuth and custom credentials.
Languages:
JavaScript (ES6+) · TypeScript · HTML5 · CSS3
Frameworks & Libraries:
React.js · Next.js · Tailwind CSS · Framer Motion · Redux Toolkit · Zustand
Authentication:
NextAuth.js (v5) · Google/GitHub OAuth · Credential Login · Email Verification
Tools & Platforms:
Git & GitHub · VS Code · Figma · Postman · Vercel
API & Database:
REST APIs · Axios · face-api.js · TensorFlow.js · PostgreSQL (learning)
- 🔍 Facial Recognition App – Live face detection using BlazeFace and emotion recognition using face-api.js with a clean UI in React.
- 💰 Finance Dashboard – Modern dashboard with analytics, charts, responsive design, and dark mode using Next.js and Tailwind.
- 📦 E-commerce Platform – Full shopping cart system with auth, protected routes, and Stripe integration (WIP).
- 📝 Blog with CMS – Built with Strapi, Next.js, and Markdown rendering.
- 🛒 Food List App – Interactive food selector with full cart logic: select, delete, count items, checklist view, and more (React + Context).
- 📆 Age Calculator – App to calculate age based on birth date input with beautiful UI and validations.
- 🌤️ Weather App – Displays current weather for any city in the world using live weather API.
- 🌍 Portfolio: [https://portfolio-five-sigma-8azrkl4jet.vercel.app/)
- 📧 Email: [email protected]
- 🐙 GitHub: github.com/Khaled0-0
“Code is like humor. When you have to explain it, it’s bad.” – Cory House