# Portfolio Website A modern, interactive portfolio website showcasing my work in software engineering, AI, and robotics research. ## Features - **Interactive UI**: Animated sections with smooth transitions and micro-interactions - **Project Showcases**: Modal displays with embedded YouTube demos - **Collapsible Experience Details**: Toggle to view detailed role descriptions - **Dark/Light Mode**: Theme toggle with persistent preferences - **Responsive Design**: Fully responsive across all devices - **Vietnamese Minimalist Aesthetic**: Clean design with subtle cultural accents ## Tech Stack - **Framework**: React 18 with TypeScript - **Build Tool**: Vite - **Styling**: Tailwind CSS - **Animations**: Framer Motion - **UI Components**: shadcn/ui (Radix UI primitives) - **Icons**: Lucide React ## Getting Started ### Prerequisites - Node.js 18+ and npm ### Installation 1. Clone the repository ```bash git clone https://github.com/nmat2010/portfolio.git cd portfolio ``` 2. Install dependencies ```bash npm install ``` 3. Start the development server ```bash npm run dev ``` 4. Open [http://localhost:5173](http://localhost:5173) in your browser ## Available Scripts - `npm run dev` - Start development server - `npm run build` - Build for production - `npm run preview` - Preview production build - `npm run lint` - Run ESLint ## Project Structure ``` src/ � components/ # React components � � animations/ # Animation wrappers � � ui/ # shadcn/ui components � � ... # Feature components � pages/ # Page components � hooks/ # Custom React hooks � utils/ # Utility functions � index.css # Global styles ``` ## Customization ### Updating Projects Edit `src/components/WorkSection.tsx` to add/modify projects: - Update `devpost` URLs - Update `youtubeId` with your YouTube video IDs - Modify project descriptions and tech stacks ### Color Theme Customize colors in `src/index.css` under `:root` and `.dark` selectors. ## Deployment Build the project for production: ```bash npm run build ``` The build output will be in the `dist/` directory, ready to deploy to any static hosting service (Vercel, Netlify, GitHub Pages, etc.). ## License This project is open source and available under the MIT License. ## Contact - Email: thunma2010@gmail.com - LinkedIn: [thu-tech](https://www.linkedin.com/in/thu-tech/) - GitHub: [@nmat2010](https://github.com/nmat2010)