A stunning 3D portfolio website built with React, Three.js, and modern web technologies. This interactive portfolio features 3D models, animations, and a captivating user experience.
- Interactive 3D Island: Navigate through an immersive 3D environment
- Animated 3D Models: Including birds, planes, and a fox character
- Responsive Design: Fully responsive across all devices
- Project Showcase: Display your best work with detailed descriptions
- Contact Form: Integrated with EmailJS for easy communication
- Timeline Experience: Visual representation of professional journey
- Modern Stack: Built with the latest versions of React, Vite, and Three.js
- React 19 - Latest version of React with modern hooks
- Vite 7 - Next-generation frontend tooling
- Three.js - 3D graphics library
- React Three Fiber - React renderer for Three.js
- React Three Drei - Useful helpers for React Three Fiber
- Tailwind CSS 3 - Utility-first CSS framework
- React Router DOM 7 - Client-side routing
- EmailJS - Email service integration
- ESLint 9 - Code quality and consistency
- Clone the repository:
git clone https://github.com/mnaimfaizy/react-3d-portfolio.git
cd react-3d-portfolio- Install dependencies:
npm install --legacy-peer-deps- Start the development server:
npm run dev- Build for production:
npm run buildnpm run dev- Start development servernpm run build- Build for productionnpm run lint- Run ESLint for code qualitynpm run preview- Preview production build locally
The project is optimized for deployment on platforms like:
- Vercel
- Netlify
- GitHub Pages
M.Naim Faizy
- GitHub: @mnaimfaizy
- Location: Australia 🇦🇺
This project is open source and available under the MIT License.
- 3D models from Sketchfab
- Icons and assets from various open-source projects
- Inspiration from the React Three Fiber community