GithubHelp home page GithubHelp logo

guillermocmspain / react-social-network-1 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from isaychris/react-social-network

0.0 1.0 0.0 4.62 MB

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

JavaScript 89.45% CSS 5.36% HTML 5.19%

react-social-network-1's Introduction

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:

Image

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:

Image Image Image Image Image Image Image Image Image

react-social-network-1's People

Contributors

isaychris avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.