⭐Full Stack

Neo-Terminal Portfolio

›January 2025 - Present

›Overview

A modern developer portfolio website featuring a distinctive terminal/CLI aesthetic. Built with cutting-edge web technologies and deployed on AWS infrastructure, this project showcases full-stack development capabilities and cloud deployment expertise.

›Challenge

Design and implement a portfolio that stands out from typical developer websites while maintaining professional appeal. The site needed to be fast, SEO-friendly, and demonstrate mastery of modern web technologies including serverless architecture and CI/CD pipelines.

›Solution

Created a Next.js 14 application with TypeScript and Tailwind CSS, featuring a unique terminal-inspired design. Implemented server-side rendering for optimal performance, integrated with external APIs for dynamic content, and deployed on AWS infrastructure with S3, CloudFront CDN, and automated CI/CD pipelines via GitHub Actions.

›Technology Stack

Next.js 14TypeScriptTailwind CSSAWS S3CloudFrontRoute 53LambdaGitHub Actions

›Key Features

✓Terminal-inspired UI with typewriter effects

✓Dark/light mode toggle with persistence

✓Interactive career timeline

✓Skills visualization with progress indicators

✓Dynamic project showcase with filtering

✓Blog system with MDX support

✓Contact form with serverless backend

✓GitHub activity integration

✓Medium RSS feed integration

✓"Now" widget showing current status

›Impact & Results

▸Professional online presence showcasing technical skills

▸Sub-2-second page load times with CloudFront CDN

▸Automated deployment pipeline reducing deployment time

▸SEO-optimized with perfect Lighthouse scores

▸Integrated with GitHub and Medium APIs for dynamic content

▸Responsive design providing optimal experience on all devices

›Technical Highlights

◆Next.js 14 with App Router and TypeScript

◆Static site generation for optimal performance

◆Tailwind CSS with custom terminal theme

◆AWS S3 for static hosting

◆CloudFront CDN for global distribution

◆Route 53 for DNS management

◆Lambda functions for contact form

◆GitHub Actions for CI/CD automation

◆MDX for blog content management

◆Responsive design with mobile-first approach

Deployment:AWS infrastructure with automated CI/CD

¯ Project loaded successfully

✓ 10 features documented

✓ 8 technologies used

› Ready for review