Skip to content

Nitesh-18/3D_portfolio

Repository files navigation


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

Table of Contents

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:

    git clone https://github.com/Nitesh-18/3D_portfolio.git
  2. Navigate to the project directory:

    cd 3D_portfolio
  3. Install dependencies:

    npm install

Usage

Start the development server:

npm run dev

Visit the local development server at http://localhost:3000.

Build for Production

To create a production build, run:

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