Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/takara2314/2314.tk
僕のポートフォリオサイトです。
https://github.com/takara2314/2314.tk
gin react react-three-fiber tailwindcss threejs
Last synced: about 1 month ago
JSON representation
僕のポートフォリオサイトです。
- Host: GitHub
- URL: https://github.com/takara2314/2314.tk
- Owner: takara2314
- License: mit
- Created: 2021-01-23T04:15:35.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-11-13T15:57:01.000Z (about 1 month ago)
- Last Synced: 2024-11-13T16:43:55.014Z (about 1 month ago)
- Topics: gin, react, react-three-fiber, tailwindcss, threejs
- Language: TypeScript
- Homepage: https://2314.world/
- Size: 19.1 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🧑🏻 2314.tk
僕の人生初のポートフォリオサイトです。
何かのワールドに入ったかのようなデザインにしてみました。
3Dゲームを作っているみたいで、楽しかったです！
https://2314.world/
(2314.tk ドメインが使えなくなったため、 2314.world に変更)
## 🕸 システム構成図
## 📚 使用技術
| | 言語 | ライブラリ (フレームワーク) |
| ------------- | --------------------- | ----------------------------------------------- |
| フロントエンド | TypeScript, CSS, HTML | React, Three.js(react-three-fiber), Tailwind CSS |
| バックエンド | Go | Gin |
## 💻 インフラ
Google App Engine
## 📦 フロントエンドのビルド手順
### 1. 依存関係をインストール
```sh
npm install
```
### 2. 環境変数ファイルを作成
```sh
node .github/createEnviron.mjs \
--SENDMAIL_TOKEN *** \
--FROM_EMAIL *** \
--FROM_SMTP *** \
--FROM_SMTP_PORT *** \
--FROM_PASSWORD *** \
--TO_EMAIL *** \
--PUBLIC_SENDMAIL_TOKEN ***
```
### 3. ビルド
```sh
npm run build
```
## ✏ 補足
https://2314.world/skills
の像の3Dモデルは、真ん中上のアイコン以外すべてBlenderでモデリングしました。
