soesandarwin2201 / professional-portfolio-website

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

📗 Table of Contents

• 📗 Table of Contents
• 📖 [Professional Portfolio]
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Authors
  • Contributing
  • Show your support
  • 📝 License

📖 [Professional Portfolio]

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

🛠 Built With

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

Tech Stack

Client

• HTML
• CSS
• JavaScript (ES6/ES7..)
• React.js

Key Features

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

(back to top)

🚀 Live Demo

Click here to see the Live Demo of the website

(back to top)

💻 Getting Started

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

   cd professional-portfolio-website

3. run this command

   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

(back to top)

👥 Authors

👤 Soe Sandar Win

• GitHub: @soesandarwin2201
• LinkedIn: LinkedIn

(back to top)

Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

(back to top)