Web Development

Full-Stack Personal Portfolio Website with CMS Integration

This project is a fully developed personal portfolio website built as a full-stack application rather than a static landing page. The frontend is developed using React and Next.js, focusing on performance, responsiveness, and clean component architecture. The application is deployed on Vercel, ensuring fast and reliable hosting with seamless CI/CD integration. On the backend, Supabase is used to handle authentication, database management, and dynamic content storage. A custom Content Management System (CMS) is also integrated, allowing structured control over portfolio content without direct code changes. The project was designed to go beyond a basic portfolio by incorporating real backend functionality, dynamic content handling, and a scalable architecture suitable for future expansion.

F

Details

# Full-Stack Personal Portfolio Website This project is a **full-stack portfolio website** designed and developed as a personal platform to showcase projects, skills, and professional work. Unlike a static portfolio, this system includes a **custom backend and CMS integration**, making it fully dynamic and extensible. The frontend is built using **React** and **Next.js**, focusing on performance optimization, responsive design, and component-based architecture. The site is deployed using **Vercel**, enabling smooth deployment workflows and high availability. For backend services, **Supabase** is used to manage database operations, authentication, and structured content storage. A lightweight **CMS system** is integrated to allow easy content updates without modifying the core codebase. This project demonstrates end-to-end development skills, combining **frontend engineering, backend integration, and deployment practices** into a single production-ready system.

Gallery

Visit Site
Tags
Next.jsReactFull-Stack DevelopmentSupabaseVercelCMSWeb DevelopmentPortfolioUI/UX Design
Recent Works

More projects you might like.

View all work
Art & Sac Luxury Brand Experience
Branding

Art & Sac Luxury Brand Experience

Art & Sac is a luxury handbag brand focused on timeless design, craftsmanship, and modern elegance. The objective of this project was to create a cohesive premium brand experience that would position the products alongside established luxury fashion brands. The work involved developing campaign concepts, product-focused advertisements, social media creatives, video content, and visual storytelling systems that emphasized quality, sophistication, and emotional appeal. Inspired by luxury brands such as Polène, Charles & Keith, and contemporary editorial fashion campaigns, the project focused on creating clean compositions, refined typography, premium color palettes, and carefully controlled lighting that highlighted the craftsmanship of each handbag. As part of the creative process, I also explored emerging AI-powered production workflows, using Flow to create and test luxury-focused video concepts and motion content. This experimentation helped evaluate new creative tools while maintaining a strong emphasis on premium visual quality and brand consistency. The final deliverables established a consistent visual language across marketing materials, helping Art & Sac present its products with greater confidence, professionalism, and perceived value.

Aama Cure – TikTok Growth (App Downloads Boost Video)
Video & Motion

Aama Cure – TikTok Growth (App Downloads Boost Video)

Created a short-form TikTok video for Aama Cure focused on driving app installs and increasing awareness around maternal healthcare support. Designed for mobile-first engagement, the video combined emotionally grounded storytelling, fast-paced editing, and AI-generated motion graphics to maximize audience retention and engagement. The production workflow incorporated Flow and a custom-trained AI model to generate motion graphics and visual elements, enabling rapid creative experimentation while maintaining a polished and cohesive visual style. The campaign successfully contributed to 400+ app downloads within 48 hours of posting, demonstrating the effectiveness of short-form content in driving awareness and conversions.

Joy Store UI/UX Redesign
UI / UX Design

Joy Store UI/UX Redesign

A complete UI/UX redesign project for Joy Store focused on creating a premium Apple-inspired shopping experience. The goal was to improve the overall visual identity, user experience, and interface consistency while maintaining a clean and modern aesthetic. The redesign included refined layouts, improved product presentation, better navigation flow, modern typography, and a more polished interaction system to enhance usability and brand perception.

Aama Cure
Branding

Aama Cure

Aama Cure is a healthcare-focused brand project where I worked on building a consistent and professional visual identity for the client. My work included designing employee ID cards, creating social media post designs, and developing a complete brand guideline system for future use. The brand guideline covered visual consistency, typography, color usage, and design direction to help maintain a unified brand presence across all platforms and materials. The project focused on creating modern, trustworthy, and user-friendly designs that aligned with the brand’s mission and audience.