{"id":19210236,"url":"https://github.com/isaychris/react-social-network","last_synced_at":"2025-05-12T19:22:01.225Z","repository":{"id":167935776,"uuid":"152570558","full_name":"isaychris/react-social-network","owner":"isaychris","description":"A photosharing social network powered by ReactJS, Express, Firebase and Bulma.io :: https://seiya-buzz.herokuapp.com/","archived":false,"fork":false,"pushed_at":"2018-12-11T22:55:52.000Z","size":4726,"stargazers_count":41,"open_issues_count":1,"forks_count":27,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-05-12T19:21:55.741Z","etag":null,"topics":["bulma","express","fireauth","firebase","firestore","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/isaychris.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2018-10-11T10:03:09.000Z","updated_at":"2024-08-25T02:11:33.000Z","dependencies_parsed_at":null,"dependency_job_id":"f7733ad1-fac1-4997-bb79-b158939b3a6f","html_url":"https://github.com/isaychris/react-social-network","commit_stats":null,"previous_names":["isaychris/react-social-network"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/isaychris%2Freact-social-network","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/isaychris%2Freact-social-network/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/isaychris%2Freact-social-network/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/isaychris%2Freact-social-network/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/isaychris","download_url":"https://codeload.github.com/isaychris/react-social-network/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253806066,"owners_count":21967088,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bulma","express","fireauth","firebase","firestore","react"],"created_at":"2024-11-09T13:35:24.239Z","updated_at":"2025-05-12T19:22:01.183Z","avatar_url":"https://github.com/isaychris.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-social-network\nA photosharing social network powered by ReactJS, Express and Firebase Storage / Authentication / Real-Time Database\n\n### Website (WIP):\nhttps://seiya-buzz.herokuapp.com/\n\n\n### Video Preview:\n[![Image](https://i.imgur.com/OuQBnGb.png)](https://streamable.com/nih56)\n\n\n### Working:\n* Login / Registering with Email\n* Uploading photos w/ description\n* Commenting\n* Liking photos\n* Photo Tags\n* Following users\n* Sharing link\n* Searching users\n* Profile page displays uploads / liked photos\n* Changing profile pic and bio\n* Editing photo description\n* Deleting photos\n* Displaying number of likes for post\n* Displaying number of followers and following in profile\n* Displaying photos from followed users in main\n* Displaying updates from followed users in sidebar\n* Front-end routing\n* Error page redirection\n* Protected routes\n* Express backend connected to react\n* Authentication with Firebase Auth\n* File storage with Firebase Storage\n* Database with Firebase Real-Time Database\n\n### TO-DO:\n* Image compression\n* Search photos by tags\n\n### Roadblocks:\n* Its difficult to make simple queries using Firebase. \n* Unable to query substrings for searching users and photos.\n* Unable to sort photos by time\n\n### Setup:\nrun express backend in seperate terminal\n```\ncd react-social-network\nset PORT=3001 \u0026\u0026 node server.js\n```\n\nrun react development server\n```\ncd client\nnpm start\n```\n\n# Screenshots:\n![Image](https://i.imgur.com/gwTJxFZ.png)\n![Image](https://i.imgur.com/FSbuaPz.png)\n![Image](https://i.imgur.com/Ub7WROS.png)\n![Image](https://i.imgur.com/snUvPFp.png)\n![Image](https://i.imgur.com/ByvHIGQ.png)\n![Image](https://i.imgur.com/5ZjK7sv.png)\n![Image](https://i.imgur.com/5T1twCl.png)\n![Image](https://i.imgur.com/yeRffAA.png)\n![Image](https://i.imgur.com/fFBGDsr.png)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fisaychris%2Freact-social-network","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fisaychris%2Freact-social-network","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fisaychris%2Freact-social-network/lists"}