Slack Clone

Completely build using React.js and Powered with Firebase

View Demo

Project Screenshot

(back to top)

Built With

• React.js
• Firebase Firestore
• React Icons
• React Router DOM

(back to top)

Learnings

Important things that I learnt building this project

1. Google User Authentication using firebase
2. Efficient way to use contextAPI in React to fetch data in any component
3. Take note of clean approach to navigate anywhere in the web app with React Router Dom using useNavigate, useParam like powerful hooks
4. CRUD operation in firestore database
5. Instead of useState, I used useReducer Hook to implement state logic
6. Implemented complex styling using CSS

(back to top)

Contact

Aaveg Gupta - linkedin/aaveggupta

Project Link: https://github.com/aaveggupta/Slack-Clone

Demo Link: https://aavegcodes-slack-clone.web.app/

(back to top)