UI UX Dashboard

?Tatuaの不動産アプリ?

説明

? Real Estate アプリは、MERN スタック (MongoDB、Express、React、Node.js) と TypeScript を使用して構築されたフルスタック Web アプリケーションです。不動産業者や不動産管理者が物件データを作成、読み取り、更新、削除するためのプラットフォームを提供することで、物件管理を支援できるように設計されています。

さらに、Real Estate アプリには Google OAuth 認証も備わっており、ユーザーは Google 資格情報を使用して安全にサインインできます。

プロパティを追加する方法

アプリケーションにプロパティを追加するには、サイダー レイアウトでプロパティ ボタンを押します。次に、「プロパティの追加」をクリックし、説明と名前のタイトルを入力します。次に、デバイスから画像をアップロードします。

インストール

Real Estate アプリをローカルにインストールするには、次の手順に従います。

1. git clone https://github.com/username/repo.gitを使用して、ローカル マシンにリポジトリのクローンを作成します。
2. プロジェクト ディレクトリに移動し、 npm install実行して依存関係をインストールします。
3. ルート ディレクトリに.envファイルを作成し、次の環境変数を追加します。

MONGO_URI= < your_mongodb_uri >

GOOGLE_CLIENT_ID= < your_google_client_id >

GOOGLE_CLIENT_SECRET= < your_google_client_secret >

4. npm start実行して開発サーバーを起動します。
5. http://localhost:3000に移動して、ブラウザでアプリを表示します

特徴

不動産アプリには次の機能が備わっています。

• 作成、読み取り、更新、および削除 (CRUD) プロパティ
• すべてのプロパティのリストを表示するか、プロパティのタイプまたは場所でフィルタリングします
• 画像ギャラリーと説明を含む各物件の詳細ページを表示します。
• Google OAuth2 認証による安全なユーザー認証
• すべてのデバイスで動作するレスポンシブデザイン

技術スタック

不動産アプリは次のテクノロジーを使用して構築されています。

• データストレージ用のMongoDB
• バックエンドサーバー用のExpress.js
• フロントエンド ユーザー インターフェイス用の React.js
• サーバー側ランタイム環境用の Node.js
• 型チェックと厳密な型付けのための TypeScript
• ユーザーインターフェイスのスタイルを設定するための CSS
• スクリプトの自動化と管理のためのシェル
• 一般的なアプリケーション ロジック用の JavaScript

スクリーンショット

貢献する

不動産アプリへの貢献は大歓迎です!貢献したい場合は、次の手順に従ってください。

1. リポジトリをフォークする
2. 機能またはバグ修正用に新しいブランチを作成する
3. 変更をコミットしてフォークにプッシュします
4. プルリクエストを送信する

ライセンス

Real Estate アプリは MIT ライセンスに基づいてライセンスされています。詳細については、LICENSE ファイルを参照してください。