A social media platform with some basic features such as Messaging, Posting, Sign In, Sign Up, Profile, Shoot a like to post...
The project did base on React and serverless base on Firebase (Firestore, Firebase Auth).
The UI was created by styled-components
with css only, a little Redux Persist
on store auth state
and mainly using react-firebase-hooks
on consuming the Firestore and Firebase Auth
.
- users -> doc(user id) -> posts, audit, user-info
- messages -> chat(uidA__uidB) -> messages, chatroom info, last-message
- Login using Google
- Sign up with your email, and need to verify email after sign up to activate account.
- 1vs1 realtime messaging, include chat history and better custome UI.
- Realtime like and unlike update.
- Save all the uids who liked a post.
- Have updating and deleting post features.
- Have user avatar and all the post that user had posted.
- first install all the dependencies
npm install
- then
npm start
and check all results atlocalhost:3000
npm i -D gh-pages
git add .
git commit -m "its a message"
git push origin -u main // or using pull requset
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
"homepage": "http://[github_username].github.io/[respository_name]"
example: "homepage": "http://lvl162.github.io/react-messaging-firebase-app"
npm run deploy
Check live demo