Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nitesh-18/3d_portfolio
https://github.com/nitesh-18/3d_portfolio
Last synced: 7 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/nitesh-18/3d_portfolio
- Owner: Nitesh-18
- Created: 2024-08-07T14:23:52.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-10T17:30:14.000Z (3 months ago)
- Last Synced: 2024-08-11T14:13:17.070Z (3 months ago)
- Language: JavaScript
- Homepage: https://3d-portfolio-nr.vercel.app
- Size: 32.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
# 3D Portfolio
Welcome to my **3D Portfolio** website! This project is a personal showcase of my work and skills as a full-stack developer, featuring a visually engaging 3D design to highlight my experience and creativity in web development.
[Live Demo](https://3d-portfolio-nr.vercel.app/)
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Installation](#installation)
- [Usage](#usage)
- [Deployment](#deployment)
- [Contact](#contact)
## Features
- **3D Animation and Design**: Interactive and immersive 3D visuals to present my portfolio projects.
- **Responsive Design**: Optimized for different screen sizes, ensuring a great experience on both desktop and mobile devices.
- **Project Showcase**: Detailed description of various projects, with links to GitHub repositories and live demos.
- **Smooth User Experience**: Enhanced with smooth scrolling, transitions, and animations for an engaging user journey.
## Technologies Used
- **React.js**: Frontend framework to build a dynamic and responsive UI.
- **Three.js**: 3D library used to create the visual effects and 3D animations.
- **Tailwind CSS**: Utility-first CSS framework for fast and efficient styling.
- **Vercel**: Hosting platform for deployment.
- **Framer Motion**: For smooth animations and transitions.
- **React Three Fiber**: Bridge between React and Three.js to make the 3D objects and scenes more manageable within the React ecosystem.
## Getting Started
To get a local copy of this project up and running, follow the instructions below.
### Prerequisites
- Node.js and npm must be installed on your machine.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Nitesh-18/3D_portfolio.git
```
2. Navigate to the project directory:
```bash
cd 3D_portfolio
```
3. Install dependencies:
```bash
npm install
```
### Usage
Start the development server:
```bash
npm run dev
```
Visit the local development server at `http://localhost:3000`.
### Build for Production
To create a production build, run:
```bash
npm run build
```
The build files will be located in the `dist` folder, ready to be deployed.
## Deployment
This project is deployed using **Vercel**. To deploy your own version:
1. Create an account on [Vercel](https://vercel.com/).
2. Connect your GitHub repository.
3. Click "Deploy" in Vercel, and it will automatically build and host your site.
## Contact
Feel free to reach out if you have any questions or feedback:
- **GitHub**: [Nitesh-18](https://github.com/Nitesh-18)
- **Portfolio**: [3D Portfolio](https://3d-portfolio-nr.vercel.app/)
- **Email**: [email protected]
---