Projects
Here is a collection of projects that showcase my skills and experience in full-stack web development. From small personal projects to large-scale applications, each project reflects my dedication to building efficient, scalable, and user-friendly web solutions.
AI-Powered Contact Automation
Intelligent workflow system with 24/7 AI analysis
A production-ready automation workflow that intelligently processes contact form submissions using OpenAI GPT-3.5, automatically categorizes by priority, sends smart email notifications, and stores data in MongoDB - all for $0.0002 per submission. Running live on my portfolio right now.
👤Role:
Full-Stack Developer & AI Automation Engineer
📊Impact:
- ✓Processing live contact submissions 24/7 with AI analysis
- ✓Saves 14+ hours per week on manual email checking
- ✓100% automated priority detection and lead categorization
- ✓Cost-effective: $0.20 per 1,000 submissions (99% cheaper than manual processing)
- ✓Sub-2-second response time with real-time MongoDB logging
🛠️What I Owned:
- •Designed and built complete n8n workflow from scratch
- •Integrated OpenAI API for intelligent message analysis
- •Implemented custom JavaScript nodes for data processing
- •Configured email automation with dynamic HTML templates
- •Set up MongoDB storage with automated document insertion
- •Deployed to Railway with PostgreSQL backend
- •Zero downtime since deployment - production grade reliability
⚡Tech Stack:
Notepad
A simple, intuitive notepad app for jotting down ideas, notes, and sketches on the go.
A simple, intuitive notepad app for jotting down ideas, notes, and sketches on the go. Features include Archive for Privacy, cloud sync, and customizable theme.
👤Role:
Full-stack Developer
📊Impact:
- ✓A simple, intuitive notepad app for jotting down ideas, notes, and sketches on the go.
- ✓Easy to use and customize with a variety of themes.
- ✓Cloud sync and archive for privacy.
🛠️What I Owned:
- •Frontend: React, Next.js, Tailwindcss, GSAP, Zustand
- •Backend: Node.js, Express, Mongoose (ODM), MongoDB
- •Deployment: Vercel, Clerk
⚡Tech Stack:
De-gemini
A fully operational cleaning services platform serving thousands of active users in the UK.
A fully operational cleaning services platform serving thousands of active users.
👤Role:
Frontend Developer
📊Impact:
- ✓A fully operational cleaning services platform serving thousands of active users in the UK.
- ✓Making life easier for customers by providing a seamless online experience.
- ✓Helping to grow the business by increasing revenue and customer satisfaction.
🛠️What I Owned:
- •Frontend: React, Tailwindcss, GSAP, Zustand
- •API Integration: Axios, Stripe
- •Deployment: Vercel
⚡Tech Stack:
FOTO-C APP
A collaborative photography platform for photographers, editors, and users.
I contributed to this project while working at a former company. The platform was built to connect photographers, editors, and users bringing them closer together in a collaborative space. It enables professionals to showcase their portfolios, share edits, and engage with users who are seeking creative talent. My contributions played a key role in the platform’s success, helping shape the user experience and functionality in a way that made the project one of the most impactful initiatives I’ve worked on.
👤Role:
Frontend Developer
📊Impact:
- ✓A collaborative photography platform for photographers, editors, and users.
- ✓Breaching the gap between professional photographers and the general public by connecting them with creative talent.
- ✓Helping to grow the business by increasing revenue.
🛠️What I Owned:
- •Frontend: React, Tailwindcss, GSAP, Zustand
- •API Integration
- •Deployment: Vercel
⚡Tech Stack:
Archbuild
A complete example website for an architectural company, designed to present services, showcase past projects, and provide an engaging digital presence for clients.
This was my final full-stack project, officially approved as part of my Full-Stack Web Development certification. The project is a complete example website for an architectural company, designed to present services, showcase past projects, and provide an engaging digital presence for clients. I built the frontend with a modern, responsive design ensuring accessibility across devices. The backend was structured to manage company information dynamically, while also allowing easy updates to services and project details.
👤Role:
Frontend Developer
📊Impact:
- ✓A complete example website for an architectural company, designed to present services, showcase past projects, and provide an engaging digital presence for clients.
- ✓A modern, responsive design ensuring accessibility across devices.
- ✓A complete example website for an architectural company, designed to present services, showcase past projects, and provide an engaging digital presence for clients.
🛠️What I Owned:
- •Frontend: React, Tailwindcss, framer-motion
- •Backend: Node.js, Express, Mongoose (ODM), MongoDB
- •Deployment: Vercel
- •API Integration: Node.js, Express, Mongoose (ODM), MongoDB
⚡Tech Stack:
Archbuild API (Companion Backend Project)
A complete example website for an architectural company, designed to present services, showcase past projects, and provide an engaging digital presence for clients.
This was my final full-stack project, officially approved as part of my Full-Stack Web Development certification. The project is a complete example website for an architectural company, designed to present services, showcase past projects, and provide an engaging digital presence for clients. I built the frontend with a modern, responsive design ensuring accessibility across devices. The backend was structured to manage company information dynamically, while also allowing easy updates to services and project details.
👤Role:
Backend Developer
📊Impact:
- ✓A complete example website for an architectural company, designed to present services, showcase past projects, and provide an engaging digital presence for clients.
- ✓A modern, responsive design ensuring accessibility across devices.
- ✓A complete example website for an architectural company, designed to present services, showcase past projects, and provide an engaging digital presence for clients.
🛠️What I Owned:
- •Backend: Node.js, Express, Mongoose (ODM), MongoDB
- •Deployment: Vercel
- •API Integration: Node.js, Express, Mongoose (ODM), MongoDB