https://github.com/sudeepacharjee/3d-portfolio
This a 3d-animative project portfolio inspired to stand out int the crowd
https://github.com/sudeepacharjee/3d-portfolio
3d-graphics 3jsproject reactjs tailwindcss
Last synced: about 1 month ago
JSON representation
This a 3d-animative project portfolio inspired to stand out int the crowd
- Host: GitHub
- URL: https://github.com/sudeepacharjee/3d-portfolio
- Owner: SudeepAcharjee
- Created: 2024-05-25T06:09:58.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2024-05-25T06:25:46.000Z (12 months ago)
- Last Synced: 2025-04-05T21:49:24.993Z (about 1 month ago)
- Topics: 3d-graphics, 3jsproject, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://3d-sudeep-acharjee.netlify.app/
- Size: 21.5 MB
- Stars: 5
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 3D Portfolio Website
Welcome to the 3D Portfolio Website! This README provides an overview of the project, including setup instructions, features, and additional information to help you get started.
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
## Introduction
The 3D Portfolio Website is a modern, visually appealing online portfolio designed to showcase your work using 3D animations and effects. It aims to provide a unique and engaging experience for visitors, making your projects stand out.
## Features
- **3D Animations**: Smooth and interactive 3D elements to enhance user engagement.
- **Responsive Design**: Optimized for all devices, including desktops, tablets, and mobile phones.
- **Dynamic Content**: Easily customizable to display your own projects and information.
- **Cross-Browser Compatibility**: Works seamlessly across major web browsers.
- **Performance Optimized**: Ensures fast loading times and smooth interactions.
## Technologies Used
- **React-JS**: For the structure of the website.
- **CSS3/Tailwind**: For styling and layout.
- **JavaScript**: For interactivity and functionality.
- **Three.js**: For rendering 3D graphics.
- **GLTF**: For 3D model format.
- **Webpack**: For module bundling and build optimization.
## Installation
To set up the project locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/SudeepAcharjee/3d-Portfolio.git
cd 3d-portfolio-website
```
2. **Install dependencies**:
```bash
npm install
```
3. **Run the development server**:
```bash
npm start
```
The website will be available at `http://localhost:8080`.
## Usage
To customize the portfolio with your own content:
1. **Edit the jsx files** in the `src` directory to add your personal information and projects.
2. **Modify the CSS files** to match your preferred styles and colors.
3. **Add your own 3D models** in the `assets/models` directory and update the paths in the JavaScript files.
## Contributing
Contributions are welcome! If you'd like to contribute, please follow these steps:
1. Fork the repository.
2. Create a new branch: `git checkout -b feature/your-feature`.
3. Make your changes and commit them: `git commit -m 'Add some feature'`.
4. Push to the branch: `git push origin feature/your-feature`.
5. Submit a pull request.
## License
This project is licensed under the MIT License. See the `LICENSE` file for more information.
## Contact
If you have any questions or feedback, please feel free to reach out:
- **Email**: [email protected]
- **GitHub**: [Sudeep Acharjee](https://github.com/SudeepAcharjee/3d-Portfolio.git)
- **User-Portfolio**: [Sudeep Acharjee](https://sudeep-acharjee.me)
Thank you for checking out the 3D Portfolio Website! We hope you find it useful and inspiring for your own projects.