Skip to content

MERN stack app that enables users to keep track of their travel locations. Using authorization and react hook form with CRUD functionality, and mapbox to display user entries as pins and information popups.

Notifications You must be signed in to change notification settings

fabdul88/TraveLog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

80 Commits
 
 
 
 
 
 

Repository files navigation

Travel Log

Intro

MERN stack app that enables users to keep track of their travel locations. Using authorization and react hook form with CRUD functionality, and mapbox to display user entries as pins and information popups.

deployment

Deployed live on Vercel .

Some things to consider

server .env example

NODE_ENV='your value here'
ATLAS_URI='your value here'
REACT_APP_API_KEY='your value here'

client .env example

REACT_APP_MAPBOX_TOKEN='your value here'
REACT_APP_MAP_STYLE='your vallue here'

Features:

  • Displays a popup with the title, description, user comment, location image, rating and date visited by the user.
  • Clickable markers shows the users' destination details logged.
  • Double click/tap the map to add a map destination entry.
  • Uses Authorization to add a map destination entry.

Screenshots

travelogHome travelogMap

About

MERN stack app that enables users to keep track of their travel locations. Using authorization and react hook form with CRUD functionality, and mapbox to display user entries as pins and information popups.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published