✨ Welcome to my portfolio

Hamza
Missaoui

Fullstack Engineer crafting digital experiences with modern technologies

|

Transforming ideas into elegant digital solutions. Passionate about creating intuitive and performant web experiences that make a difference.

About Me

Passionate about creating innovative digital solutions that make a difference

My Journey

A quick look at my professional evolution

profile photo

Senior Fullstack web developer passionate about designing and deploying innovative, high-impact web and cloud applications. With nearly 4 years of expertise, I excel at architecting robust end-to-end solutions from scalable backends to intuitive frontends and streamlining deployment pipelines using CI/CD, MERN stack, Next.js, GraphQL, AWS, Docker, and other tools.

My strength lies in merging cutting-edge technologies (including AI/ML services) into production-ready systems while prioritizing measurable performance, security, and user-centricity.

Dedicated to optimizing code quality and DevOps practices, I drive scalable innovation aligned with strategic goals.

My passion lies in transforming complex problems into elegant solutions, leveraging the latest technologies to build scalable and maintainable applications.

Clean Code

Writing maintainable, scalable, and efficient code following best practices and design patterns.

Performance

Optimizing applications for speed, SEO, and exceptional user experience with modern techniques.

Collaboration

Working effectively in teams using modern development workflows and agile methodologies.

Innovation

Staying current with latest technologies and implementing creative solutions for complex problems.

Excellence

Delivering high-quality solutions that exceed expectations and drive business value.

Global Reach

Building applications that scale globally and serve diverse user bases effectively.

4+
Years Experience
50+
Projects Completed
100%
Client Satisfaction
24/7
Support Available

Skills & Expertise

Technologies and tools I use to bring ideas to life

Frontend Development
Modern frontend technologies and frameworks
JavaScript
5+ years
92%
TypeScript
4+ years
95%
React.js
4+ years
92%
Next.js
3+ years
92%
Html, Css
4+ years
90%
TailwindCSS
2+ years
85%
Vercel, Netlify
2+ years
90%
Backend Development
Server-side technologies and databases
Node.js
3+ years
92%
Python
2+ years
80%
FastApi, Django
1+ year
76%
C#, Asp.Net
2+ years
70%
Java, Spring Boot
2+ years
70%
Databases
Server databases
MongoDB
3+ years
85%
PostgreSQL, Prisma
1+ year
78%
Redis, RedisLock
3+ years
75%
Elasticsearch, Aloglia
3+ years
75%
DevOps & Cloud
Cloud platforms and devops technologies
AWS
3+ years
80%
GCP
2+ year
75%
Azure
2+ year
70%
Docker
2+ years
75%
Nginx
1+ year
70%
CI/CD
2+ year
70%
API Tools
Server-side Apis
GraphQL, Apollo
3+ years
88%
Rest Api
4+ years
85%
tRPC
0.5+ year
50%
AI & Machine Learning
AI integration and Machine Learning technologies
Groq AI
1+ year
85%
LLM APIs, OpenAI, Gemini
2+ year
80%
LangChain
1+ year
75%
Python
3+ years
80%
TensorFlow
1+ year
70%
Design & Ui/Ux
Design tools and user experience
Framer Motion
2+ years
85%
Shadcn
1+ year
90%
Material-UI
2+ years
85%
Figma
1+ year
50%
Ui/Ux
2+ years
80%
User Experience
3+ years
90%
Other Tools
Development tools and methodologies
Git, GitHub
4+ years
95%
Vs Code, Webstorm
4+ years
95%
Postman
3+ years
85%
Jest, React testing library
2+ years
80%
Agile, Scrum
3+ years
85%
Data engineering
3+ years
50%
Unit Tests (Jest)
3+ years
50%

Featured Projects

A showcase of my recent work and personal projects

Image 1 of 34
1 / 34

B2b Alive Ltd

Developed and maintained important features for the application within the advertising and visual content display sector, utilizing a full-stack approach encompassing front-end and back-end development. Key contributions include: Front-End Development (React, TypeScript): Designed and implemented responsive, interactive user and administrator interfaces using React and TypeScript. Integrated with various cloud services (AWS, Google Cloud, Azure) including AI/ML APIs (OpenAI, Google Gemini, Azure Vision) for image recognition, translation, and intelligent recommendations. Back-End Development (Node.js, GraphQL, MongoDB): Built and maintained scalable and efficient back-end services using Node.js (Express/Koa), GraphQL (Apollo Server), and MongoDB. Developed and optimized GraphQL schemas and resolvers, improving data retrieval performance. Data Management & Search: Implemented robust data management solutions using MongoDB, leveraging Elasticsearch and Algolia for optimized search and retrieval. Utilized Redis and BullMQ for caching and queue management to enhance application speed and efficiency. Media Integration & Processing: Integrated Adobe Stock and Shutter Stock APIs for media asset acquisition. Leveraged AWS services (S3, MediaConvert, IAM) for asset storage, transcoding, and video processing. Testing & Quality Assurance: Conducted thorough unit testing (Jest) and ensured robust GraphQL mutation handling for optimal HTTP request performance. Proactively identified and resolved bugs to maintain application stability.

B2b Alive Ltd
Developed and maintained important features for the application within the advertising and visual content display sector, utilizing a full-stack approach encompassing front-end and back-end development. Key contributions include: Front-End Development (React, TypeScript): Designed and implemented responsive, interactive user and administrator interfaces using React and TypeScript. Integrated with various cloud services (AWS, Google Cloud, Azure) including AI/ML APIs (OpenAI, Google Gemini, Azure Vision) for image recognition, translation, and intelligent recommendations. Back-End Development (Node.js, GraphQL, MongoDB): Built and maintained scalable and efficient back-end services using Node.js (Express/Koa), GraphQL (Apollo Server), and MongoDB. Developed and optimized GraphQL schemas and resolvers, improving data retrieval performance. Data Management & Search: Implemented robust data management solutions using MongoDB, leveraging Elasticsearch and Algolia for optimized search and retrieval. Utilized Redis and BullMQ for caching and queue management to enhance application speed and efficiency. Media Integration & Processing: Integrated Adobe Stock and Shutter Stock APIs for media asset acquisition. Leveraged AWS services (S3, MediaConvert, IAM) for asset storage, transcoding, and video processing. Testing & Quality Assurance: Conducted thorough unit testing (Jest) and ensured robust GraphQL mutation handling for optimal HTTP request performance. Proactively identified and resolved bugs to maintain application stability.
ReactJS
Typescript
KoaJs
MongoDb
Redis
Google Cloud
+8
Image 1 of 9
1 / 9

Ecommerce Platform

A full-stack e-commerce application to command and buy a variety of products in different categories with AI-powered, a chatbot and technical team assist for product recommendations, real-time inventory management, and secure payment processing.

Ecommerce Platform
A full-stack e-commerce application to command and buy a variety of products in different categories with AI-powered, a chatbot and technical team assist for product recommendations, real-time inventory management, and secure payment processing.
ReactJS
Typescript
Tailwindcss
Image 1 of 10
1 / 10

Slack Clone App

A real-time messaging platform Cloned from Slack. Built With NextJs and Convex db and Clerk still in development. Features include direct messaging, channels, emoji reactions, and file sharing capabilities.

Slack Clone App
A real-time messaging platform Cloned from Slack. Built With NextJs and Convex db and Clerk still in development. Features include direct messaging, channels, emoji reactions, and file sharing capabilities.
NextJs
Typescript
Tailwindcss
Convex
Clerk
Image 1 of 6
1 / 6

Advanced Chatbot

Hamza AI – Advanced Next.js Chatbot with Groq AI Integration A cutting-edge AI chatbot built with Next.js 14 (App Router) and powered by Groq's ultra-fast LLM inference, enabling real-time, feature-rich conversations with customizable AI models. ✨ Key Features ✅ Multi-Model Support – Choose between Groq-powered models (Mixtral, Llama 3, Gemini) for varied responses. ✅ Conversation Persistence – Save, revisit, and continue chats with full history. ✅ Audio Playback – Listen to AI responses with text-to-speech (TTS). ✅ Modern UI/UX – Sleek, responsive interface with dark/light mode. ✅ Rate Limiting & Security – Protected API routes with JWT-based auth.

Advanced Chatbot
Hamza AI – Advanced Next.js Chatbot with Groq AI Integration A cutting-edge AI chatbot built with Next.js 14 (App Router) and powered by Groq's ultra-fast LLM inference, enabling real-time, feature-rich conversations with customizable AI models. ✨ Key Features ✅ Multi-Model Support – Choose between Groq-powered models (Mixtral, Llama 3, Gemini) for varied responses. ✅ Conversation Persistence – Save, revisit, and continue chats with full history. ✅ Audio Playback – Listen to AI responses with text-to-speech (TTS). ✅ Modern UI/UX – Sleek, responsive interface with dark/light mode. ✅ Rate Limiting & Security – Protected API routes with JWT-based auth.
Typescript
NextJs
Tailwindcss
Groq
Image 1 of 4
1 / 4

Poetry Generator App

A Next.js application that allows user to generate poetry using ML and AI suggestions by theme, subject and short description

Poetry Generator App
A Next.js application that allows user to generate poetry using ML and AI suggestions by theme, subject and short description
Typescript
NextJs
Tailwindcss
AI/ML
Image 1 of 7
1 / 7

Machine learning Csv files data analytics app

A web application that let user upload his personal csv files for analyzing data and return results in readable different charts for analytics

Machine learning Csv files data analytics app
A web application that let user upload his personal csv files for analyzing data and return results in readable different charts for analytics
NextJs
Upload Api
Shadcn Charts
AI/ML
Python
Image 1 of 3
1 / 3

OS Config Details App

A Next.js application that shows real time details about the current user and diagnostics operator system

OS Config Details App
A Next.js application that shows real time details about the current user and diagnostics operator system
Typescript
NextJs
Tailwindcss
Framer Motion
Image 1 of 4
1 / 4

MoviesDB App

A full movies web responsive application built with NextJs, Graphql, Tmdb api, Shadcn, Tailwindcss

MoviesDB App
A full movies web responsive application built with NextJs, Graphql, Tmdb api, Shadcn, Tailwindcss
ReactJS
Typescript
Tailwindcss
Image 1 of 8
1 / 8

Weather Application

A weather application that i developed with NextJs and typescript and Shadcn-ui charts to show needed informations about weather on specific location with cool charts and graphs. This project allow user to get weather details like (temperature, humidity, pressure, wind speed, clouds) depending on searched location with selecting country and city in the world

Weather Application
A weather application that i developed with NextJs and typescript and Shadcn-ui charts to show needed informations about weather on specific location with cool charts and graphs. This project allow user to get weather details like (temperature, humidity, pressure, wind speed, clouds) depending on searched location with selecting country and city in the world
NextJs
WeatherApi
Typescript
Shadcn-ui
Image 1 of 2
1 / 2

Spotify Clone App

A Clone of spotify application Built With NextJs and Spotify Api

Spotify Clone App
A Clone of spotify application Built With NextJs and Spotify Api
NextJs
Typescript
Tailwindcss
Image 1 of 2
1 / 2

Notion Clone App

A web application represents a clone of notion ai website from initial design and front-end development to back-end implementation and deployment

Notion Clone App
A web application represents a clone of notion ai website from initial design and front-end development to back-end implementation and deployment
NextJs
Typescript
Tailwindcss
Image 1 of 7
1 / 7

Second Portfolio

Developed this older portfolio with NextJs and typescript , this project show my career as web developer and showcase my skills and projects as senior fullstack web developer and ui/ux designer, this project has cool UI design and colors

Second Portfolio
Developed this older portfolio with NextJs and typescript , this project show my career as web developer and showcase my skills and projects as senior fullstack web developer and ui/ux designer, this project has cool UI design and colors
ReactJS
Typescript
Tailwindcss
Image 1 of 1

Mini Memory Game

Built an engaging memory card game featuring: - Card matching gameplay - Score tracking system - Timer functionality - Game statistics - Responsive design - User-friendly interface

Mini Memory Game
Built an engaging memory card game featuring: - Card matching gameplay - Score tracking system - Timer functionality - Game statistics - Responsive design - User-friendly interface
NextJs
Typescript
Tailwindcss
Image 1 of 3
1 / 3

Quran Web App

Built an application to listen to quran with different reciters audio

Quran Web App
Built an application to listen to quran with different reciters audio
NextJs
Typescript
Tailwindcss
Image 1 of 6
1 / 6

Crypto Web Marketplace Next.js + Web3

A crypto marketplace enabling users to buy and exchange digital assets with fiat (Stripe, PayPal) or crypto wallets, featuring real-time pricing, secure KYC, and instant settlement. A Next.js-based Web3 platform offering seamless wallet integration, token swaps, DeFi interactions, and real-time transaction tracking on the blockchain.

Crypto Web Marketplace Next.js + Web3
A crypto marketplace enabling users to buy and exchange digital assets with fiat (Stripe, PayPal) or crypto wallets, featuring real-time pricing, secure KYC, and instant settlement. A Next.js-based Web3 platform offering seamless wallet integration, token swaps, DeFi interactions, and real-time transaction tracking on the blockchain.
NextJs
Shadcn
Paypal payment
Stripe payment
Web 3
Wallet connection
Image 1 of 3
1 / 3

Tic Tac Toe Game

A Next.js-powered Tic tac toe complete game where the user can play versus another human or versus a bot, and the app will save the score between the two until he reset the score with button, with cool animation and colorful alerts

Tic Tac Toe Game
A Next.js-powered Tic tac toe complete game where the user can play versus another human or versus a bot, and the app will save the score between the two until he reset the score with button, with cool animation and colorful alerts
Typescript
NextJs
Tailwindcss
Shadcn
Image 1 of 13
1 / 13

Resume Builder App

Built a next js application that help user to create his resume by walking him through the steps with ease and simplicity with the possibility to use ai generator, generate and correct typed text in each section only if he upgrades his plan and buy premium features

Resume Builder App
Built a next js application that help user to create his resume by walking him through the steps with ease and simplicity with the possibility to use ai generator, generate and correct typed text in each section only if he upgrades his plan and buy premium features
NextJs
Typescript
PostgreSql
Prisma
Clerk
Shadcn
+2
Image 1 of 6
1 / 6

AI Assistant App

A web application that provide IA services for user that uses advanced tools to assure the most accurate response for any question depending on the context of subject

AI Assistant App
A web application that provide IA services for user that uses advanced tools to assure the most accurate response for any question depending on the context of subject
NextJs
OpenAi
Langchain
Image 1 of 2
1 / 2

Disney Kids App

A web application to show disney movies and series for kids with recommendations feature with AI

Disney Kids App
A web application to show disney movies and series for kids with recommendations feature with AI
NextJs
OpenAi
Tmdb
Image 1 of 3
1 / 3

Financial Dashboard - Real-time Crypto & Stock Market Data

Track cryptocurrency prices, stock market data, and convert currencies in real-time with interactive charts and live updates. Keys: cryptocurrency, bitcoin, ethereum, stock market, currency converter, financial dashboard, real-time data

Financial Dashboard - Real-time Crypto & Stock Market Data
Track cryptocurrency prices, stock market data, and convert currencies in real-time with interactive charts and live updates. Keys: cryptocurrency, bitcoin, ethereum, stock market, currency converter, financial dashboard, real-time data
NextJs
OpenAi
Finance
CoinBase
Image 1 of 1

Restaurant POS Admin App

A Next.js-powered POS system with dynamic menu management, real-time order processing, integrated payment handling, table/staff management, and detailed sales analytics.

Restaurant POS Admin App
A Next.js-powered POS system with dynamic menu management, real-time order processing, integrated payment handling, table/staff management, and detailed sales analytics.
Typescript
NextJs
Tailwindcss
Shadcn

Stay Updated

Get the latest insights, project updates, and tech tips delivered to your inbox.

Subscribe to Newsletter
Join our community and never miss out on the latest developments in web technology and design.

No spam, unsubscribe at any time. We respect your privacy.

Latest Updates

Stay informed about new technologies and trends

Project Insights

Get behind-the-scenes looks at my latest work

Exclusive Content

Access to tips, tutorials, and resources

Get In Touch

Ready to start your next project? Let's discuss how we can work together to bring your ideas to life.

Let's Connect

I'm always interested in hearing about new opportunities and exciting projects. Whether you have a question or just want to say hi, feel free to reach out!

Email

hamza.missaoui28@gmail.com

Send me an email anytime

Phone

+216 (56) 062-266

Call me during business hours

Location

Tunisia, Tunis

Available for remote work worldwide

Response Time

Usually within 24 hours

Availability

Available for new projects

Send Message
Fill out the form below and I'll get back to you as soon as possible.

© 2025 Hamza Missaoui Portfolio. Built with Next.js and deployed on Vercel.