Trip Border Project

April 2, 2026 · View on GitHub

The project to help learning the app development processes while providing travel planning functionality to our users

Frontend setup

Create the following files .env.development .env.production under TripBorderFrontend folder and include your VITE_MAPBOX_API_KEY=YOURKEY (https://docs.mapbox.com/help/glossary/access-token/)

Private key and certificate for HTTPS development

./ssl/tripborderkey.pem
./ssl/tripbordercert.pem

Install node modules and run this project

cd TripBorderFrontend
npm i

In the project directory, you can run:

npm run dev
Runs the app in the development mode with Vite

npm run preview
Runs the app in the preview production mode with Vite

npm run docker
Build and runs with docker, see Dockerfile and compose.dev.yml in the folder

npm run dockerprod
Build and runs with docker, see Dockerfile and compose.prod.yml in the folder

npm run dockerlog
Log Docker development containers

npm run dockerprodlog
Log Docker production containers

npm run test npm run test:coverage
npm run test:watch
Runs Jest testing suite with options 1 time, coverage report, watch mode

npm run lint
Runs eslint

TripBorder Frontend was bootstrapped with Create React App.

See deployment for more.

You can learn more in the Create React App documentation. To learn React, check out the React documentation.