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: