nickhuynhq / tripod-client

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

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://[email protected]: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