Built using React JS, Redux, Firebase & Material-UI. This is a simple clone project with limited functionality.
- Register and Login using Google (Firebase Authentication)
- Add profile pictures using photo URL
- Create a new post
- Realtime update posts
- Auto authenticate user on refresh
- Sign Out
- React
- Redux
- Node
- Firebase
- Mongo DB Cluster
- Material UI
- React Flip Move
-
Clone this repo
-
Install all the dependencies
npm i
-
Setup Firebase
-
Create Firebase account
-
Create a new project
-
Create a web app for that
-
Copy your config from there
- Select config option
- Paste those config inside firebase/config.js file
-
Setup authentication using Google
-
-
Tweak code as you like
-
Let's build the optimized version
npm run build
-
Now for hosting on Firebase lets config Firebase locally
-
Install Firebase CLI
-
Login to Firebase
firebase login
-
Initialize Firebase
firebase init
-
Select hosting in the menu
-
Select your respective project from the list
-
Select 'build' as your hosting directory and other options as you want
-
Let's deploy our clone and make it live
firebase deploy
-
That's it our clone is up and running share it now
- Might add more login methods
- Post deleting functionality
- Post like functionality
- Add comments on post
- Private chat
- Direct photo upload
NOTE: PLEASE LET ME KNOW IF YOU DISCOVERED ANY BUG OR YOU HAVE ANY SUGGESTIONS
MIT