Completed

Portfolio Website

Modern portfolio showcasing projects and skills

ReactTailwindNext.jsTypeScript

Overview

A modern, responsive portfolio website built to showcase my projects, skills, and professional experience. Features a clean design with dark mode support and smooth animations.

Key Features

  • Dark Mode: Fully functional light/dark theme with localStorage persistence
  • Responsive Design: Optimized for all screen sizes
  • Component Library: 14 reusable React components
  • Markdown-Based Content: Content management using markdown files
  • Admin Panel: Built-in CMS for managing projects and blog posts
  • SEO Optimized: Meta tags and structured data for search engines

Technologies Used

  • Frontend: Next.js 15, React 19, TypeScript
  • Styling: Tailwind CSS v4 with custom color scheme
  • Content: Markdown with frontmatter
  • Authentication: NextAuth.js for admin panel
  • Analytics: Vercel Analytics
  • Deployment: Vercel

Design Decisions

Chose a maroon/dark red color scheme for a professional yet distinctive look. Implemented class-based dark mode using Tailwind v4's new @variant directive for better performance and simpler state management.

Future Enhancements

  • Add blog section with commenting system
  • Implement project filtering and search
  • Add contact form with email integration
  • Create case studies for major projects
Back to Projects