Skip to content

Latest commit

 

History

History
75 lines (50 loc) · 2.59 KB

README.md

File metadata and controls

75 lines (50 loc) · 2.59 KB

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

tripod

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

React Redux React Router JavaScript HTML5 CSS3 MaterialUI Express MongoDB Heroku Netlify

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
  1. Create your own .env file
REACT_APP_API_URL=<YOUR API URL HERE>

REACT_APP_GOOGLE_API_TOKEN=<YOUR GOOGLE API TOKEN HERE>
  1. Run the app
$ npm start

Author

Nicholas Huynh @nickhuynhq

Swag