Portfolio
A curated collection of my web development projects, from full-stack applications to specialized components and utilities.
Featured
03/06/2024
Real-time WebSocket Chat System
Secure WebSocket-based chat application with real-time messaging and unread message tracking
ReactWebSocketTanStack QueryMongoDBPrismaHeadless UINode.jsHTTPSTailwind CSS
Frontend Features
- WebSocket message handling
- Real-time message updates
- Message persistence
Backend Features
- Secure WebSocket server
- SSL/TLS encryption
- Room-based message routing
10/23/2024
Dynamic Checkbox Selector Component
Interactive checkbox selector component with intelligent state management and all-pages selection capability
ReactTypeScriptTailwind CSSSVGReact Hooks
Frontend Features
- Custom checkbox component
- Dynamic state management
- Typescript type safety
2024
Animated Dropdown Navigation Bar
A modern, animated navigation bar with smooth transitions, hover effects, and responsive design
ReactTypeScriptNext.jsFramer MotionTailwind CSS
Frontend Features
- Real-time link dimension tracking using useRef
- Dynamic background positioning based on hover state
- Framer Motion spring animations for smooth transitions
Featured
2024
Next.js Authentication Starter
A robust authentication and user management boilerplate built with Next.js 14 and NextAuth v4, providing a solid foundation for web applications requiring secure user authentication, email verification, and role-based access control.
Next.js 14NextAuth v4TypeScriptMongoDBMongooseTailwind CSSFramer MotionNode.jsNodemailerJWTBcrypt
Frontend Features
- Modern Next.js App Router implementation
- Responsive UI with Tailwind CSS
- Client-side form validation
Backend Features
- Complete authentication API endpoints
- Secure password handling
- JWT-based authentication
