Chan Meng's Portfolio

🌐 Live Demo

🚀 Key Features

• Interactive 3D elements using Three.js
• Responsive design with TailwindCSS
• Smooth animations with Framer Motion
• Dynamic content rendering
• Contact form integration with EmailJS
• Mobile-friendly interface
• Custom 3D models and animations
• Project showcase with detailed descriptions
• Professional timeline display
• Interactive tech stack visualization

🛠️ Technologies

• React.js
• Three.js
• React Three Fiber
• React Three Drei
• Framer Motion
• TailwindCSS
• EmailJS
• React Router DOM
• React Vertical Timeline Component
• React Parallax Tilt
• Sass
• Vite.js

🚦 Getting Started

1. Clone the repository

git clone https://github.com/ChanMeng666/3D-Portfolio.git

2. Install dependencies

cd 3D-Portfolio
npm install

3. Start the development server

npm run dev

4. Build for production

npm run build

📱 Sections

• Home: Dynamic introduction with animated text
• About: Professional background and skills
• Experience: Interactive timeline of work history
• Projects: Showcase of technical projects
• Tech Stack: 3D visualization of technologies
• Life: Personal interests and hobbies
• Contact: Email contact form with 3D earth animation

🎯 Repository Description

A modern 3D portfolio website built with React.js and Three.js, featuring interactive visualizations, smooth animations, and responsive design. Showcases professional experience, projects, and technical skills through an engaging user interface.