# About Me - Nguyen Sy Nguyen

[![Next.js](https://img.shields.io/badge/Next.js-15.4.8-black?style=for-the-badge&logo=next.js&logoColor=white)](https://nextjs.org/)
[![React](https://img.shields.io/badge/React-19.0.0-61DAFB?style=for-the-badge&logo=react&logoColor=white)](https://reactjs.org/)
[![TypeScript](https://img.shields.io/badge/TypeScript-5.0+-3178C6?style=for-the-badge&logo=typescript&logoColor=white)](https://typescriptlang.org/)
[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-4.0+-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com/)
[![GitHub Pages](https://img.shields.io/badge/GitHub_Pages-Deployed-brightgreen?style=for-the-badge&logo=github&logoColor=white)](https://pages.github.com/)

> A modern, interactive portfolio website showcasing my journey as a Software Engineering student at FPT University. Built with cutting-edge technologies and featuring smooth animations, responsive design, and comprehensive accessibility support.

## Live Demo

**[View Portfolio](https://about.kaitojd.me/)**

## Key Features

- **Interactive UI/UX**: Custom loading screen, typing animations, and smooth transitions
- **Mobile-First Design**: Responsive layout optimized for all devices
- **Accessibility**: WCAG compliant with full keyboard navigation and screen reader support
- **Performance**: Static export with optimized loading and memory management
- **Modern Tech**: Next.js 15, React 19, TypeScript 5+, and Tailwind CSS 4

## Tech Stack

- **Framework**: Next.js 15.4.8 with App Router & Turbopack
- **Language**: TypeScript 5+ with strict type checking
- **Styling**: Tailwind CSS 4.0+ with custom animations
- **Deployment**: GitHub Actions + GitHub Pages
- **Icons**: React Icons 5.5.0

## Quick Start

```bash
# Clone and install
git clone https://github.com/KaitoJD/About.git
cd About
npm install

# Start development server
npm run dev
# Open http://localhost:3000
```

## Documentation

| Document | Description |
|----------|-------------|
| **[Installation Guide](docs/installation.md)** | Setup, dependencies, and development commands |
| **[Deployment Guide](docs/deployment.md)** | Building and deployment options |
| **[Customization Guide](docs/customization.md)** | Content updates, styling, and configuration |
| **[Architecture Guide](docs/architecture.md)** | Technical details and project structure |

## License

This project is open source and available under the [MIT License](LICENSE).