https://github.com/thomasharris0147/planets
Planets are cool
https://github.com/thomasharris0147/planets
personal-website planets portfolio threejs tresjs typescript vue vue3 website
Last synced: 5 months ago
JSON representation
Planets are cool
- Host: GitHub
- URL: https://github.com/thomasharris0147/planets
- Owner: ThomasHarris0147
- License: mit
- Created: 2024-08-20T09:45:08.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-28T04:40:33.000Z (almost 2 years ago)
- Last Synced: 2025-02-01T10:51:10.809Z (over 1 year ago)
- Topics: personal-website, planets, portfolio, threejs, tresjs, typescript, vue, vue3, website
- Language: Vue
- Homepage: https://thomasharris0147.github.io/planets/
- Size: 2.23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# planets
My planets website with Vue/Vite implementation. Using three.js and it looks like this:
https://github.com/user-attachments/assets/c71d7de3-12f7-44dc-a1d8-2f985ced00c0
Also you can click on the buttons on the top left of the website, it will zoom into the planet and display some text and go back and stuff.
https://github.com/user-attachments/assets/a6b9004a-8cb8-4033-bdf5-f8d0721bf87d
## Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
## Type Support for `.vue` Imports in TS
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
## Customize configuration
See [Vite Configuration Reference](https://vitejs.dev/config/).
## Project Setup
```sh
pnpm install
```
### Compile and Hot-Reload for Development
```sh
pnpm dev
```
### Compile and Hot-Reload for Production Manual Testing
```sh
pnpm prd
```
### Type-Check, Compile and Minify for Production
```sh
pnpm build
```
### Checking production build
```sh
pnpm preview
```
### Run Unit Tests with [Vitest](https://vitest.dev/)
```sh
pnpm test:unit
```
### Run End-to-End Tests with [Playwright](https://playwright.dev)
```sh
# Install browsers for the first run
npx playwright install
# When testing on CI, must build the project first
pnpm build
# Runs the end-to-end tests
pnpm test:e2e
# Runs the tests only on Chromium
pnpm test:e2e --project=chromium
# Runs the tests of a specific file
pnpm test:e2e tests/example.spec.ts
# Runs the tests in debug mode
pnpm test:e2e --debug
```
### Lint with [ESLint](https://eslint.org/)
```sh
pnpm lint
```