My React Portfolio

Welcome to my React portfolio! This project showcases my skills, projects, and experience in web development using React.js and various other libraries and tools.

Features

• Portfolio Sections: Organized sections for skills, projects, and experience.
• Interactive 3D Elements: Utilizes Three.js and React-Three-Fiber for interactive 3D elements.
• Framer Motion: Smooth animations and transitions with Framer Motion library.
• Responsive Design: Ensured responsiveness for seamless user experience across devices.
• React Router: Navigation through different sections of the portfolio.
• Vertical Timeline: Visual representation of work experience and project timelines.
• React Tilt: Adds a subtle tilt effect to elements for a dynamic look.

Technologies Used

Core Libraries

• React: JavaScript library for building user interfaces.
• React DOM: React package for working with the DOM.
• React Router DOM: Declarative routing for React applications.
• Three.js: JavaScript 3D library to create and display animated 3D computer graphics.
• React-Three-Fiber: A React renderer for Three.js on the web and react-native.
• Framer Motion: Open-source and production-ready library for animations.
• React Tilt: React version of the popular Vanilla JS library for creating tilt effects.
• React Vertical Timeline Component: Vertical timeline component for React.

Other Tools

• React Hot Toast: Toast notifications library for React apps.
• Maath: A custom library (assuming for mathematical computations).

Installation

1. Clone the repository:

   git clone https://github.com/Anubhav-dev-web/3D-portfolio-.git

2. Navigate to the project directory:

   cd react-portfolio

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and visit http://localhost:5173/ to view the portfolio.

Usage

• Explore the different sections of the portfolio:
  • Skills: Highlighted skills and technologies.
  • Projects: Showcase of completed projects.
  • Experience: Work history and project timelines.

Screenshots

Acknowledgements

• React - JavaScript library for building user interfaces.
• Three.js - JavaScript 3D library.
• Framer Motion - Animation library for React.
• React Router - Declarative routing for React applications.
• React Tilt - React version of Tilt.js library.
• React Vertical Timeline Component - Vertical timeline component for React.
• React Hot Toast - Toast notifications library for React.

---