This project was built in the progress of the Three.js journey course, focusing on R3F and Drei.
React Three Fiber | Drei |
JS | Three.js |
HTML | CSS |
Vite | Github actions |
Hostinger | Webhooks |
This project is a basic static website created using HTML, CSS, and JavaScript. For package management and development server, we use npm as the Node Package Manager along with Vite. Our Continuous Integration (CI) process involves automatically building artifacts from the main branch into the build branch whenever changes are pushed. This is achieved through GitHub Actions. Additionally, we have configured a webhook to send a POST request to a specified URL (in our case, Hostinger). As a result, any updates pushed to the main branch will trigger a build and update the production site accordingly.
- Clone the repository:
git clone https://github.com/KD-Long/macbook-portfolio.git
- Install the dependencies:
cd macbook-portfolio
npm install
- Run the project:
npm run dev
- Open your web browser and navigate to http://localhost:3000 to access the project.