Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shivam-sharma-1/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.
https://github.com/shivam-sharma-1/3d-portfolio
css3 html5 javascript nextjs react reactthreefiber tailwindcss threejs
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/shivam-sharma-1/3d-portfolio
- Owner: Shivam-Sharma-1
- Created: 2023-07-29T04:32:15.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-26T13:27:34.000Z (6 months ago)
- Last Synced: 2024-08-26T15:48:35.365Z (6 months ago)
- Topics: css3, html5, javascript, nextjs, react, reactthreefiber, tailwindcss, threejs
- Language: JavaScript
- Homepage: https://shivam-sharma-myportfolio.vercel.app/
- Size: 30.4 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](#demo)
2. [Features](#features)
3. [Technologies Used](#technologies-used)
4. [Packages Used](#packages-used)
5. [Getting started](#getting-started)
6. [Project Structure](#project-structure)
7. [Author](#author)
## Demo
You can see a live demo of the portfolio website at [https://shivam-sharma-myportfolio.vercel.app/](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](https://nextjs.org)
- [React](https://reactjs.dev)
- [Tailwind CSS](https://tailwindcss.com)
- [Three.js](https://threejs.org)
- [React Three Fiber](https://github.com/pmndrs/react-three-fiber)
## Packages Used
- [react-parallax-tilt](https://www.npmjs.com/package/react-parallax-tilt)
- [react-type-animation](https://www.npmjs.com/package/react-type-animation)
- [react-vertical-timeline-component](https://www.npmjs.com/package/react-vertical-timeline-component)
## Getting started
1. Clone this repository to your local machine:
```bash
git clone https://github.com/Shivam-Sharma-1/3D-Portfolio
```
2. Change to the project directory:
```bash
cd 3d-portfolio
```
3. Install the project dependencies:
```bash
npm install
```
4. To run the development server:
```bash
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](https://github.com/Shivam-Sharma-1)