3D Portfolio is my personal portfolio website created using Next.js, Tailwind CSS, Three.js, React Three Fiber, and a collection of other technologies. This website showcases my skills, experiences, projects, and allows users to contact me. It also offers a dark and light theme to enhance the user experience.

1. Demo
2. Features
3. Technologies Used
4. Packages Used
5. Getting started
6. Project Structure
7. Author

You can see a live demo of the portfolio website at https://shivam-sharma-myportfolio.vercel.app/.

• About Me: A brief introduction about myself.
• Experience: Highlighted my work experience.
• Skills: Listed my skills and expertise.
• Projects: Showcased my projects.
• Contact: Provided a contact form for users to get in touch with me.
• Responsive Design: The website is fully responsive to provide an optimal experience on all devices.
• Dark and Light Themes: Users can switch between dark and light themes to suit their preferences.

• Next.js
• React
• Tailwind CSS
• Three.js
• React Three Fiber

• react-parallax-tilt
• react-type-animation
• react-vertical-timeline-component

1. Clone this repository to your local machine:

git clone https://github.com/Shivam-Sharma-1/3D-Portfolio

2. Change to the project directory:

cd 3d-portfolio

3. Install the project dependencies:

npm install

4. To run the development server:

npm run dev

Open your web browser and visit http://localhost:3000 to see the website in action during development.

The project structure is organized as follows:

• components: React components used to build different sections of the portfolio.
• styles: Styles and theme configurations, including the dark and light themes.
• public: Static assets, such as images and fonts.
• pages: Individual pages of the website.
• utils: Utility functions or helper scripts.

• @Shivam-Sharma-1