TrackEditorWeb

This is an online tool to manipulate your GPS track files, like GPX. You can use it to execute operations such as: combine tracks, add timestamp, cut, split, visualize, ... And perzonalize own track!

This is the web verion of the desktop tool TrackEditor. It is not only a migration from desktop app to web, but the format in which this tool will be maintained.

Repository organization

• TrackEditorWeb: contains django configuration
• TrackApp: main app of the web, defines the layout, login/register modules, combining tracks, insert timestamp...
• editor: track editor app
• manage.py: django script to launch the application
• requirements.txt: list of python packages dependencies

Getting started (for developers)

Proposed for windows users.

1. Download and install Python 3.9

2. Download and install Pycharm Community

3. Enable WSL 2 and load Ubuntu

4. Downoad and install Docker Desktop

5. Launch PostgreSQL database in Docker

   • Start Docker Desktop
   • Open your Ubuntu WSL 2. Run wslin your powershell.
   • Run which docker command, it should return a string like /usr/bin/docker/
   • Create postgres image

   sudo docker pull postgres:13.2-alpine
   

   • Create postgres container

   sudo docker run \
   -p 5432:5432 \
   --name postgres132 \
   -v /home/postgres132:/var/lib/postgresql/data \
   -e POSTGRES_PASSWORD=postgres \
   -d postgres:13.2-alpine
   

   • Create table

   sudo docker exec -it postgres132 psql -U postgres
   postgres=# CREATE DATABASE track_db;
   postgres=# exit
   

6. Load project in Pycharm

   • Start Pycharm
   • Click Get from VCS
   • Use Git as Version control
   • Set URL https://github.com/alguerre/TrackEditorWeb
   • Click clone

7. Install required dependencies

   • Tools -> Sync Python Requirements ...
   • A Python interpreter may need to be specified. But you installed Python3 3.9 in step 1, so it should be displayed to be selected.

8. Run server

   • Right click on manage.py -> Modify Run Configuration
   • Name: runserver
   • Parameters: runserver
   • Right click on manage.py -> runserver
   • Django server is ready! You can visit the link

Web development course

CS50’s Web Programming with Python and JavaScript