Travel Tracker FullStack Project

GlobeMarks是一個Web應用程序，允許用戶登錄，視覺探索世界地圖，並標記他們訪問過的國家。

使用此應用程序，用戶可以創建其旅行的個性化記錄。所有標記的國家都可以保存，並且數據牢固地存儲在數據庫中，為用戶提供了一種反思其全球冒險的引人入勝的方式。

演示亮點？

MAP-WEBAPP-DEMO.MOV

特徵 ？

• 交互式全局地圖：導航世界的視覺地圖，放大進出以探索各個區域。
• 個性化的國家標記：單擊並標記您訪問過的國家，創建獨特的旅行足跡。
• 動態的旅程可視化：隨著各國充滿色彩，看到您的旅行歷史栩栩如生，反映了您的個人旅程。
• 用戶帳戶管理：註冊，登錄和管理跨不同設備的旅行標記。
• 數據持久性：將標記的國家安全保存在數據庫中，使您可以隨時重新訪問旅行歷史記錄。

技術

通過傳單和Geojson的交互式映射

Globemarks使用Flealet和Geojson的強大組合將互動映射的藝術提升到了一個新的水平。

• 傳單？ ：傳單是用於交互式圖的領先的開源JavaScript庫。通過將其集成到Globemarks中，我們為您帶來快速，直觀和高效的映射體驗

• Geojson？ ： Geojson是一種編碼各種地理數據結構的格式。 Globemarks以Geojson代表國家的形狀和邊界。當您標記所訪問的國家時，這可以確保精確和準確性。

• 在一起，完美的一對？ Leflet的互動功能與Geojson的數據表示的融合為Globemarks的用戶提供了豐富而沉浸式的體驗。在世界範圍內瀏覽全球，放大區域，並充滿信心地標記國家，知道您得到了Web映射世界上一些最好的工具的支持。

前端

• React ：用於構建用戶界面，包括諸如交互式地圖之類的組件。
• JavaScript ：一種用於Web開發的編程語言，尤其是在Web瀏覽器中創建交互式效果時。

後端

• Django ：一個高級Python Web框架，可鼓勵快速開發和清潔，務實的設計。
• Python ：以其可讀性和多功能性而聞名的編程語言。
• PostgreSQL ：用於牢固存儲用戶數據和旅行標記的數據庫系統。

版本控制

• git ：用於版本控制，允許有效的協作和更改跟踪。
• GitHub ：用於託管代碼庫和管理協作的平台。

如何在本地機器上使用此項目？

步驟1：下載代碼

選項1：克隆存儲庫（用於使用和實驗）

git clone https://github.com/otahina/Travel-Tracker-FullStack-Project.git

選項2：叉庫（用於貢獻）

1. 單擊此頁面右上角的“叉”按鈕。
2. 存儲庫後，您可以將其克隆到本地機器上：

步驟2：創建虛擬環境（可選但建議）

對於Windows

 python -m venv myenv
.myenvScriptsactivate

對於MacOS和Linux

 python3 -m venv myenv
source myenv/bin/activate

步驟3：安裝python依賴關係

 cd world_map_app
pip install -r requirements.txt

步驟4：安裝React的節點模塊

 cd world_map_app/frontend
npm install

步驟5：PostgreSQL數據庫配置？

該項目用於數據庫

在運行項目之前，您需要設置PostgreSQL數據庫並配置.env文件。

在Windows上：

1. 從PostgreSQL官方網站下載安裝程序。
2. 運行安裝程序並按照說明進行操作。

在Mac上：

您可以使用自製：

 brew install postgresql
brew services start postgresql

3. 打開命令行工具

 psql -U postgres

 CREATE DATABASE your_database_name ; ①
CREATE ROLE newuser WITH LOGIN PASSWORD ' password ' ; ② ③
/ c  your_database_name;
GRANT ALL PRIVILEGES ON DATABASE your_database_name TO newuser;
GRANT ALL PRIVILEGES ON SCHEMA public TO newuser;

配置.env文件

1. 打開.envexample文件。
2. 將名稱更改為' .env文件。
3. 編輯.env文件。

 ENGINE=django.db.backends.postgresql_psycopg2 # you don't need to change here
NAME=your_database_name_here　＃ ①
USER=your_database_user_here　＃ ②
PASSWORD=your_database_password_here　＃　③
HOST=localhost_or_host_address_here　# usually localhost