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