UI UX Dashboard

?Tatua 的房地產應用程式？

描述

？房地產應用程式是一個使用 MERN 堆疊（MongoDB、Express、React、Node.js）和 TypeScript 建構的全端 Web 應用程式。它旨在透過為房地產經紀人和物業經理提供創建、讀取、更新和刪除物業數據的平台來幫助他們管理其清單。

此外，房地產應用程式還具有 Google OAuth 身份驗證功能，允許用戶使用其 Google 憑證安全登入。

如何新增屬性

若要為應用程式新增屬性，請點選側邊佈局中的屬性按鈕。然後點擊新增屬性並編寫描述和名稱標題。然後從您的裝置上傳圖像。

安裝

要在本地安裝房地產應用程序，請按照以下步驟操作：

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
• 用於腳本自動化和管理的 Shell
• 用於一般應用程式邏輯的 JavaScript

螢幕截圖

貢獻

歡迎為房地產應用程式做出貢獻！如果您想做出貢獻，請按照以下步驟操作：

1. 分叉儲存庫
2. 為您的功能或錯誤修復建立一個新分支
3. 提交您的更改並推送到您的分叉
4. 提交拉取請求

執照

房地產應用程式根據 MIT 許可證獲得許可。有關詳細信息，請參閱許可證文件。