Life Pro Tips (frontend)

Life Pro Tips is a full-stack app inspired by a famous subreddit /r/LifeProTips featuring usefull life hacks and tips.

View Website

Features

• Create or like posts anonymously
• Register or login with Google
• Create, Read, Update or Delete posts
• Comment, like and share you favorites
• Change your name or profile picture in profile settings
• Search & sort to find what you like easier

LPT is a full-stack app, with this repository containing a front-end side built with React. The back end repo can be found here.

Tech

Front-end

• React - state management with Context API and useReducer
• Axios - API calls
• Material-UI - styling and UI.
• Cloudinary - user profile picture upload storage

Hosted on Vercel

Back-end/Server

• node.js - evented I/O for the backend
• Express - fast node.js network app framework
• MongoDB - No SQL Database for storing userdata and content
• Mongoose - elegant mongodb object modeling for node.js
• Passport - local and Google Auth

Hosted on Heroku

Installation

Installation guidelines for front-end only. Back-end can be found in corresponding repo.

1. Clone the repo

2. In root folder create a .env file and add your API keys

PORT="Port for react server"
REACT_APP_SERVER="Server address for all api calls || default http://localhost:8080/api"
REACT_APP_CLOUDNAME="Cloudname from Cloudinary for uploading user pictures"
REACT_APP_CLOUDINARY_API_KEY="Cloudinary API key"

3. Then npm start

Contribute

If you like this project and would like to contribute feel free to send a PR or simply add an issue with feature or bug fix request

License

MIT