A modern, interactive portfolio website built with React and Three.js, featuring 3D animations, particle effects, and responsive design.
- Interactive 3D elements powered by Three.js
- Smooth animations using Framer Motion
- Responsive design for all devices
- Dynamic particle effects
- Timeline component for experience showcase
- Modern UI with styled-components
- Custom animations and transitions
- Performance optimized with React best practices
- React 18
- Three.js
- Framer Motion
- Styled Components
- React Router DOM
- TsParticles
- React Three Fiber & Drei
- FontAwesome Icons
- Vercel Analytics
-
Clone the repository:
git clone https://github.com/yourusername/devportfolio.git -
Install dependencies:
cd devportfolio npm install -
Start the development server:
npm start
The application will open in your default browser at http://localhost:3000.
To create a production build:
npm run build
This will generate a build folder with optimized production files.
The project uses craco (Create React App Configuration Override) for additional configuration options. See craco.config.js for details.
The portfolio is fully responsive and optimized for:
- Desktop devices
- Tablets
- Mobile phones
- Optimized asset loading
- Efficient component rendering
- Lazy loading for better initial load time
- Analytics integration for monitoring
This project is licensed under the terms of the license included in the repository.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
Built with ❤️ using React and modern web technologies.