Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/isaychris/react-social-network
A photosharing social network powered by ReactJS, Express, Firebase and Bulma.io :: https://seiya-buzz.herokuapp.com/
https://github.com/isaychris/react-social-network
bulma express fireauth firebase firestore react
Last synced: 3 days ago
JSON representation
A photosharing social network powered by ReactJS, Express, Firebase and Bulma.io :: https://seiya-buzz.herokuapp.com/
- Host: GitHub
- URL: https://github.com/isaychris/react-social-network
- Owner: isaychris
- Created: 2018-10-11T10:03:09.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-11T22:55:52.000Z (almost 6 years ago)
- Last Synced: 2023-10-20T20:27:01.293Z (about 1 year ago)
- Topics: bulma, express, fireauth, firebase, firestore, react
- Language: JavaScript
- Homepage:
- Size: 4.51 MB
- Stars: 41
- Watchers: 5
- Forks: 28
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
[](https://streamable.com/nih56)
### 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:
