Full-Stack Portfolio & AI Chat Assistant

Olu Kareem

Personal Portfolio

Project Overview

My goal was to create a digital resume that does more than just list my experience—it actively demonstrates it. I built this portfolio from the ground up as a modern, high-performance web application using Next.js, React, and TypeScript. The core vision was to create an interactive and engaging experience for visitors, culminating in the development of a custom, AI-powered chat assistant designed to answer questions about my skills, projects, and career.

My Role & Approach

As the sole architect and developer, I managed every aspect of this project from concept to deployment. My approach was guided by three principles:
Performance: Leveraging Next.js for a fast, server-rendered experience.
Aesthetics: A clean, modern, and fully responsive design with customizable themes.
Innovation: Building a functional AI chat assistant to showcase my skills in the rapidly growing field of AI/ML integration.

Key Technical Decisions & Features

AI-Powered Chat Assistant The standout feature is the AI chat assistant, designed to act as an interactive guide for visitors. I built this using the Vercel AI SDK and LangChain, with a Retrieval-Augmented Generation (RAG) architecture. The AI is trained on my professional data (resume, project details) stored in a vector database (AstraDB), allowing it to provide instant, context-aware answers about my experience. This demonstrates a practical application of modern AI engineering.
Secure & Reliable Contact Form To create a professional and reliable line of communication, I implemented a custom back-end for the contact form. Instead of a simple mailto: link, form submissions are processed and sent via AWS Simple Email Service (SES). I also configured the necessary DNS records (like MX and DKIM) through Cloudflare to ensure high email deliverability and security, demonstrating knowledge of cloud infrastructure and email protocols.
Polished & Responsive User Interface The entire front-end was built with a focus on a clean and intuitive user experience. It is fully responsive, adapting seamlessly to any screen size from mobile to desktop. I also implemented a theme switcher (light/dark mode) to showcase my ability to handle dynamic UI state and provide a tailored experience for visitors, all styled efficiently with Tailwind CSS.

The Impact / Key Outcomes

This portfolio serves as a living testament to my skills and my passion for building high-quality web applications. It successfully demonstrates:
Full-Stack Development Expertise: From a polished Next.js front-end to a robust AWS back-end for email handling.
Practical AI/ML Integration: Proven ability to architect and deploy a functional, RAG-based AI application.
A Keen Eye for UX/UI: A deep commitment to creating a user-friendly, aesthetically pleasing, and accessible experience for all visitors.
Like this project

Posted Nov 10, 2024

Responsive portfolio in TypeScript, Next.js, React; features AI chat, customizable themes, and email contact for smooth client interaction.

Somna - Sleep & Wellness Platform Development
Somna - Sleep & Wellness Platform Development
Splice - CoSo AI App Creation & Mobile Unification
Splice - CoSo AI App Creation & Mobile Unification
DSP Desk - Fleet Management App
DSP Desk - Fleet Management App
Otion - Real-Time Document Editor
Otion - Real-Time Document Editor

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc