https://github.com/codiphile/my-portfolio
Showcasing my skills and projects with this Three.js-powered portfolio website 😎
https://github.com/codiphile/my-portfolio
3dmodel react-fiber-three react-three-drei reactjs rendering-3d-graphics threejs
Last synced: about 22 hours ago
JSON representation
Showcasing my skills and projects with this Three.js-powered portfolio website 😎
- Host: GitHub
- URL: https://github.com/codiphile/my-portfolio
- Owner: codiphile
- Created: 2024-12-28T11:01:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-30T12:42:46.000Z (over 1 year ago)
- Last Synced: 2025-02-27T02:46:14.120Z (over 1 year ago)
- Topics: 3dmodel, react-fiber-three, react-three-drei, reactjs, rendering-3d-graphics, threejs
- Language: JavaScript
- Homepage: https://www.muditsharma.me
- Size: 19.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio Website
This is a portfolio website built using React, Three.js, and Vite. It showcases various sections including a hero section, work experience, and interactive 3D models.
## Features
- **Hero Section**: An introduction with a waving hand emoji and a 3D scene.
- **Work Experience**: Displays work experiences with interactive 3D models.
- **Responsive Design**: Adapts to different screen sizes including mobile and tablet.
## Technologies Used
- **React**: JavaScript library for building user interfaces.
- **Three.js**: JavaScript library for 3D graphics.
- **Vite**: Frontend build tool.
- **Tailwind CSS**: Utility-first CSS framework.
- **GSAP**: Animation library.
- **EmailJS**: Service to send emails directly from the client-side.
## Getting Started
### Prerequisites
- Node.js (version 14 or higher)
- npm (version 6 or higher)
### Installation
1. Clone the repository:
```sh
git clone https://github.com/yourusername/portfolio.git
cd portfolio
```
2. Install dependencies:
```sh
npm install
```
### Running the Development Server
Start the development server:
```sh
npm run dev
```
Open your browser and navigate to `http://localhost:3000` to see the website.
### Building for Production
Build the project for production:
```sh
npm run build
```
Preview the production build:
```sh
npm run preview
```
## Project Structure
- **src/components**: Contains React components used in various sections.
- **src/sections**: Contains different sections of the website like Hero and Experience.
- **src/constants**: Contains constants used throughout the project.
- **public**: Contains static assets like images and icons.
## Contributing
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.