3D Portfolio

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.

Table of Contents

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

Demo

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

Features

• 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.

Technologies Used

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

Packages Used

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

Getting started

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.

Project Structure

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.

Author

• @Shivam-Sharma-1