isaychris / react-social-network

A photosharing social network powered by ReactJS, Express, Firebase and Bulma.io :: https://seiya-buzz.herokuapp.com/

react-social-network

A photosharing social network powered by ReactJS, Express and Firebase Storage / Authentication / Real-Time Database

Website (WIP):

https://seiya-buzz.herokuapp.com/

Video Preview:

Working:

• Login / Registering with Email
• Uploading photos w/ description
• Commenting
• Liking photos
• Photo Tags
• Following users
• Sharing link
• Searching users
• Profile page displays uploads / liked photos
• Changing profile pic and bio
• Editing photo description
• Deleting photos
• Displaying number of likes for post
• Displaying number of followers and following in profile
• Displaying photos from followed users in main
• Displaying updates from followed users in sidebar
• Front-end routing
• Error page redirection
• Protected routes
• Express backend connected to react
• Authentication with Firebase Auth
• File storage with Firebase Storage
• Database with Firebase Real-Time Database

TO-DO:

• Image compression
• Search photos by tags

Roadblocks:

• Its difficult to make simple queries using Firebase.
• Unable to query substrings for searching users and photos.
• Unable to sort photos by time

Setup:

run express backend in seperate terminal

cd react-social-network
set PORT=3001 && node server.js

run react development server

cd client
npm start

Screenshots:

react-social-network's Issues

Hosted link does not work

Application error
An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details. You can do this from the Heroku CLI with the command
heroku logs --tail