TriPod

TriPod is photo sharing application where users can like, share, and comment on posts (Pods)

This project was created to experiment with Redux and MongoDB. I was able to learn a lot about persistent states and state management within React. In addition, I was able to efficiently create and style components using Material UI!

Backend was deployed on a seperate repo which can be found here: https://github.com/nickhuynhq/tripod-server

Please use this link to demo the live site! https://tripod.nickhuynhq.com

Project Screenshot

Project DEMO

TriPod.-.HD.720p.mov

Current Features

• Creating, Editing, & Deleting Posts
• Instant feedback when Liking Posts
• Image Upload
• Real time comments
• Recommended posts feature
• Sign in with Google

Tech Stack

Installation

1. Clone this repository. $ git clone https://git@github.com:nickhuynhq/tripod-client.git

2. Run npm install from inside the client directory.

$ cd tripod-client
$ npm install

3. Create your own .env file

REACT_APP_API_URL=<YOUR API URL HERE>

REACT_APP_GOOGLE_API_TOKEN=<YOUR GOOGLE API TOKEN HERE>

4. Run the app

$ npm start

Author

Nicholas Huynh @nickhuynhq