Travel Tracker FullStack Project

GlobeMarks - это веб -приложение, которое позволяет пользователям входить в систему, визуально исследовать карту мира и отмечать страны, которые они посетили.

Используя это приложение, пользователь может создать персонализированную запись своих путешествий. Все отмеченные страны могут быть сохранены, и данные надежно хранятся в базе данных, предлагая пользователям интересный способ подумать о своих глобальных приключениях.

Демо -основные моменты?

Map-webapp-demo.mov

Функции ?

• Интерактивная глобальная карта : ориентируйтесь на визуальную карту мира, увеличивая и выходите в систему, чтобы исследовать различные регионы.
• Персонализированная маркировка страны : щелкните и отметьте страны, которые вы посетили, создав уникальный туристический след.
• Визуализация динамического путешествия : Смотрите, как история ваших путешествий оживает, когда страны заполняют цвет, отражая ваше личное путешествие.
• Управление учетными записями пользователя : зарегистрируйте, войдите в систему и управляйте вашими маркировками на разных устройствах.
• Постоянство данных : безопасно сохраните свои отмеченные страны в базе данных, позволяя вам в любое время вернуться к истории поездки.

Технологии

Интерактивное картирование с листочками и геоджсоном

GlobeMarks выводит искусство интерактивного отображения на следующий уровень, используя мощную комбинацию листовок и Geojson .

• Листовка? : Листовка -это ведущая библиотека JavaScript с открытым исходным кодом для интерактивных карт. Интегрируя его в GlobeMarks , мы представляем вам быстрый, интуитивно понятный и эффективный картирование.

• Geojson? : Geojson - это формат для кодирования различных географических структур данных. По своей сути GlobeMarks использует Geojson для представления форм и границ стран. Это обеспечивает точность и точность, когда вы отмечаете страны, которые вы посетили.

• Вместе идеальная пара? Слияние интерактивных возможностей Leaflet с представлением данных Geojson дает пользователям GlobeMarks богатый и захватывающий опыт. Навигайте по всему миру, увеличите масштаб в регионы и уверенностью отметьте страны, зная, что вы поддерживаете некоторые из лучших инструментов в мире веб -картирования.

Внешний интерфейс

• React : используется для создания пользовательского интерфейса, включая компоненты, такие как интерактивная карта.
• JavaScript : язык программирования, используемый в веб -разработке, особенно при создании интерактивных эффектов в веб -браузерах.

Бэкэнд

• Джанго : веб-структура Python высокого уровня, которая поощряет быстрое развитие и чистый, прагматический дизайн.
• Python : язык программирования, известный своей читаемости и универсальностью.
• PostgreSQL : система базы данных, используемая для надежного хранения пользовательских данных и отметок о путешествиях.

Управление версией

• GIT : используется для управления версиями, позволяя для эффективного сотрудничества и отслеживания изменений.
• GitHub : платформа для размещения кодовой базы и управления сотрудничеством.

Как использовать этот проект на местной машине?

Шаг 1: Загрузите код

Вариант 1: клонировать репозиторий (для использования и экспериментов)

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

Вариант 2: разветвляется репозиторий (для внесения вклад)

1. Нажмите кнопку «Вилка» в верхнем углу этой страницы.
2. После того, как репозиторий раздвоится, вы можете клонировать его на местную машину:

Шаг 2: Создайте виртуальную среду (необязательно, но рекомендуется)

Для окон

 python -m venv myenv
.myenvScriptsactivate

Для macOS и Linux

 python3 -m venv myenv
source myenv/bin/activate

Шаг 3: Установите зависимости от питона

 cd world_map_app
pip install -r requirements.txt

Шаг 4: Установите модули узла для React

 cd world_map_app/frontend
npm install

Шаг 5: Конфигурация базы данных PostgreSQL?

Этот проект используется для базы данных

Перед запуском проекта необходимо настроить базу данных PostgreSQL и настроить файл .env .

В окнах:

1. Загрузите установщик с официального сайта PostgreSQL.
2. Запустите установщик и следуйте инструкциям.

На Mac:

Вы можете использовать Homebrew:

 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 FILE.

 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