professional-portfolio-website

KO | EN

gitlite — search

#javascript #golang #go #android #machine-learning #rust #docker #java #awesome #cli #vue #awesome-list #pytorch #open-source

professional-portfolio-website

(★ 14)

The 'Portfolio website with Three.js' showcases my skills and projects as a personal portfolio. Built with React Three Fiber, React Three Drei, Three.js

professional-portfolio-website Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

</div>

# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)
- [📖 \[Professional Portfolio\] ](#-professional-portfolio-)
  - [🛠 Built With ](#-built-with-)
    - [Tech Stack ](#tech-stack-)
    - [Key Features ](#key-features-)
  - [🚀 Live Demo ](#-live-demo-)
  - [💻 Getting Started ](#-getting-started-)
    - [Prerequisites](#prerequisites)
    - [Setup](#setup)
    - [Install](#install)
    - [Usage](#usage)
    - [Run tests](#run-tests)
    - [Deployment](#deployment)
  - [👥 Authors ](#-authors-)
  - [Contributing](#contributing)
  - [Show your support](#show-your-support)
  - [📝 License](#-license)

# 📖 [Professional Portfolio] <a name="about-project"></a>

"Professional Portfolio website with three.js " is a show off my skills and project as the personal portfolio.

## 🛠 Built With <a name="built-with"></a>

* React
* React three fiber
* React three drei
* Three JS
* Tailwind css
* Maath 
* Framer-motion
* React-vertical-timeline-component/style.min.css

### Tech Stack <a name="tech-stack"></a>

<details>
 <summary>Client</summary>
 <ul>
 <li><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML">HTML</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS">CSS</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript">JavaScript (ES6/ES7..)</a></li>
 <li><a href="https://reactjs.org/">React.js</a></li>
 </ul>
</details>

### Key Features <a name="key-features"></a>

- User can interact with 3d model
- add the motion and animation
- User can rotate and see the detail tech stack

(<a href="#readme-top">back to top</a>)

## 🚀 Live Demo <a name="live-demo"></a>

Click here to see the [Live Demo](https://extraordinary-madeleine-6e5c34.netlify.app/) of the website

![](https://raw.githubusercontent.com/soesandarwin2201/professional-portfolio-website/dev/src/images/math%20magician%20project.png)

(<a href="#readme-top">back to top</a>)

## 💻 Getting Started <a name="getting-started"></a>

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:
* GitHub flow
* Gitflow
* HTML and CSS
* JAVASCRIPT (ES6/...)
* React.js
* React Three Fiber
* Three.js
* React Three Drei
* Tilt
* npm
* Node.js
* Any code editer (vs code)

### Setup

Clone this repository to your desired folder:

```cd https://github.com/soesandarwin2201/professional-portfolio-website```

### Install

Install this project with:

2. Open the directory of the project
   ```sh
   cd professional-portfolio-website
   ```
3. run this command
   ```sh
   npm run dev
   ```

### Usage

To run the project, execute the following command:

1. for build ```npm run build```
2. for development ```npm run dev```

### Run tests

To run tests, run the following command:

```npm test```

### Deployment

You can deploy this project using:

```npm run deploy - Deploys using gh-pages```

(<a href="#readme-top">back to top</a>)

## 👥 Authors <a name="authors"></a>

👤 Soe Sandar Win

- GitHub: [@soesandarwin2201](https://github.com/soesandarwin2201)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/soe-sandar-win-softwareengineer/)

(<a href="#readme-top">back to top</a>)

## Contributing

Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/soesandarwin2201/professional-portfolio-website/issues).

## Show your support
Give a ⭐️ if you like this project!

## 📝 License

This project is [MIT](./MIT.md) licensed.

(<a href="#readme-top">back to top</a>)

professional-portfolio-website

professional-portfolio-website Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

professional-portfolio-website

professional-portfolio-website Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README