A personal portfolio website showcasing modern web development with a focus on AI-powered applications and privacy-first development.
This is Abdullah Bl's developer portfolio - a living showcase of modern web development skills and AI-powered applications. Unlike traditional portfolios that just display static content, this site features fully functional, interactive projects that demonstrate real-world problem-solving and technical expertise.
- Interactive AI Projects: Fully functional AI Chat, Speech-to-Text, and Text-to-Speech applications
- Privacy-First Design: All applications run entirely in the browser - no data sent to external servers
- Modern Tech Stack: Built with Next.js 15, TypeScript, and cutting-edge web technologies
- Performance Optimized: Leverages WebGPU and modern browser APIs for optimal performance
- Responsive Design: Beautiful, accessible UI built with Tailwind CSS and Shadcn/ui
- AI Chat: Browser-based AI chat using WebGPU for local processing
- Speech-to-Text: Real-time speech recognition using Web Speech API
- Text-to-Speech: Advanced TTS with voice selection and customization
- Blog: Technical writing about development experiences and insights
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:3000 |
npm run build |
Build your production site |
npm start |
Start your production server |
npm run lint |
Run ESLint for code linting |
- Next.js 15 - React framework with App Router and Server Components
- TypeScript - Static type checking for robust development
- Tailwind CSS - Utility-first CSS framework for rapid UI development
- Shadcn/ui - Beautiful, accessible components built with Radix UI
- MDX - Markdown with JSX for dynamic content
- Privacy-First: All applications run client-side, protecting user data
- Performance: Optimized for speed and responsiveness
- Accessibility: Built with inclusive design principles
- Modern UX: Intuitive interfaces that feel natural to use
To learn more about the technologies used in this project:
- Next.js Documentation - learn about Next.js features and API
- Tailwind CSS - Utility-first CSS framework
- Frontend Development: React, Next.js, TypeScript, modern JavaScript
- AI/ML Integration: WebGPU, browser-based AI models, real-time processing
- Performance Optimization: Client-side processing, memory management, responsive design
- UI/UX Design: Tailwind CSS, Shadcn/ui, accessibility, modern interfaces
- Privacy & Security: Client-side processing, data protection, secure development
For inquiries, reach out via email: mail@abdullah.studio
🚀 Note: This portfolio demonstrates modern web development with a focus on AI applications and privacy-first design. Each project is fully functional and runs entirely in your browser!