Trippin

Somewhere between an online travel scrapbook and social media. Store your best moments.

Profile

Store all of your memories on convenient and aesthetic location.

Map

Interactive visual of the places you've been. Map using google maps API.

Posting Feature

Post your photos with all the neccessary metadata. Upload functionality uses Cloudinary API.

1. Crop your photos
2. When did you go on this adventure?
3. Tag a location so it can be captured on the map! You can also add a description for each of your photo and your trip overall! Here's what the final peice would look together on the profile and map page when the post is clicked on!

Everytime you post a trip, confetti displays!

Stack

Backend

• Express
• Sequelize
• PostgreSQL

Frontend

• React
• Bootstrap 4.x

Running the app

For local development you will need two terminals open, one for the api-backend and another for the react-client.

# terminal 1 for the api-backend 
cp .env.example .env
npm install
npm run dev

# terminal 2 for react-client 
cd client
npm install
npm start

• api-backend will launch at: http://localhost:8080
• react-client will launch at: http://localhost:3000