Skip to content

MERN Stack APP - showcasing trips, travel plans, photos/videos and also reviews of places visited. Technologies Used: MapBox API, User Login, Materialize, Mongo DB, React.js, Express.js, Node.js.

Notifications You must be signed in to change notification settings

DavidKHahn/TripShare

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TripShare

MERN stack application showcasing trips, travel plans, photos/videos and reviews of places visited.

Today, we have completed our fully functional app. Of course, we still had additional features we would like to add, but without further ado - TripShare!

The project uses an API from MapBox, which is similar to Google Maps but much more customizable. We added in a login page, and we created a new location page as well as a view history page of added locations/descriptions. We used Materialize for the design features, Mongo DB for the database, a boiler plate for the routes, React.js components, Express, CSS, NPM Turf (additional styling for Mapbox), and NPM multer (in order to upload photos into Mongo DB).

We present to you a travel blog materialized in the form of your personal online passport. You can add photos, past trips, and details about a certain restaurant or experience during your trip, and you can share amongst family and friends. We added a map which can show you where your friends or family have visited. Another feature would include trip planning.

In the first step, our users would sign up and move over to the create page in order to view the map to plan or to write about an experience. Next, the user has the option to share more information or upload a photo. Lastly, we can check out the view page in order to witness your list of places.

Below here we have a few sneak peeks:

firstpage

secondpage

thirdpage

fourthpage

fifthpage

sixthpage

Made with <3 by Peter Hoang, Alex Rhee, Franky Viray (outside support), and David Hahn.

About

MERN Stack APP - showcasing trips, travel plans, photos/videos and also reviews of places visited. Technologies Used: MapBox API, User Login, Materialize, Mongo DB, React.js, Express.js, Node.js.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •