Skip to content

p2-progression/icer

Repository files navigation

Icer

P2HACKS2023 成果物

https://github.com/p2hacks2023/pre-10

サンプルページ
https://icer.pages.dev

開発技術

短期間での開発のため、できる限り慣れているものや学習コストの低い言語を選択した。
利用したプログラミング言語
 フロントエンド:Typescript
 バックエンド:Python,SQL
 など

利用したフレームワーク・ライブラリ

image

バックエンド:FastAPI
フロントエンド:React,Next.js,Material UI,three.js(react-three-fiber)

バックエンド側では、PythonでAPIを設計できるFastAPIを採用した。
フロントエンド側では、メインのフレームワークとしてNext.jsを使用した。

また、短期間で質の高いUIを完成させるために、UIフレームワークである、Material UIを採用。

3D表現を実現するために、three.jsを使用。Reactで利用するため、react-three-fiberを使用した。 状態管理には、recoilを使用。

image