My-Frist-Next-Portfolio-Website

David's Portfolio Website

This is a personal portfolio website built using Next.js 14 and Tailwind CSS, showcasing projects, skills, and contact information in a clean and modern design.


Tech Stack

Framework: Next.js

Styling: Tailwind CSS

Icons & Animations: React Icons, React Type Animation

Images: Optimized with next/image

State Management: useState, useEffect (React hooks)

Project Structure

├── components/ │ ├── home/ │ │ ├── Left.jsx │ │ ├── Right.jsx │ │ └── Stats.jsx │ ├── about/ │ │ ├── AboutImage.jsx │ │ └── AboutInfo.jsx │ ├── Projects.jsx │ └── ContactForm.jsx ├── app/ │ ├── page.tsx │ └── layout.tsx ├── public/ │ └── images/ │ └── projects/ │ └── About.p

Features

Responsive layout with mobile-first design

Smooth animations and section transitions

Filterable project gallery (Web / Mobile)

Interactive form with validation-ready structure

Modular and clean code organization