REELS APP

Getting Started

• npx create-react-app reels
• npm i dependencies
• npm start

Dependencies

• npm i firebase
• npm i react-router-dom
• npm i @material-ui/core
• npm i @material-ui/icons

References

• https://material-ui.com/

Steps

• firebase Signup
• User Collection
• Upload photo add to database

Database

• authentication -> user
• storage -> photo,email,username,userId,createdAt,profileUrl,postIds

Key Learnings

• Firebase Authentication
• Collection
• Upload photo add to database
• Intersection Observer API
• Private Route
• Material UI
• Redirect,useHistory

Connecting to firebase

• Create file 'firebase.js' in 'src' folder
• Fill in details and export
• npm i firebase

Preview