arcada

導入

部屋、床、または家全体を再設計する必要があり、グラフペーパーで手で床計画を描くのに何時間も費やして、ソファがドレッサーの隣に収まるようにしようとしていますか？私は確かに持っています、そしてそれはイライラする経験です。私たちはそれよりもうまくできると思います。

フロアプランナーアプリの大部分は有料サービスの一部として利用可能であるか、自分のニーズに合わせて複雑すぎるため、自分で書くことにしました。オープンソースのフロアプランナーアプリであるArcadaを入力してください。

特徴

？‍♀壁を追加します

⚒壁を編集します

？§家具を追加/編集します

？ドア/窓を追加します

？ツールを測定します

？スケーリングが正確です

？複数のフロアサポート

？デザインを印刷します

？サポートを保存/ロードします

？たくさんのオプションを備えたコンポーネントライブラリ

？クロスプラットフォーム

技術スタックとドキュメント

Clientは、React、Pixi.js、Zustandを使用して構築され、MantineはUIのコンポーネントライブラリとして構築されました。フロアプランエンジンはカスタムビルドされています。

MongodbをMongooseとODMとして使用して、Express.jsを搭載したサーバー側。

クイックセットアップ

このリポジトリとarcada-backend Repoをクローンします。以下を実行します：

 npm i 
npm run start

node app.jsを使用してバックエンドを起動します。

デモ

自分のためにアプリを実行したい場合は、最も簡単な方法は、次のDocker-Composeセットアップを使用することです。楽しむ！