Chatty People is a Web Application that everyone can chat on a daily basis.
- Purpose of the Project
- Used Tech
- About the Project
- Structure & Features
- Problem Solvign & Learning
- Reference
- Practice React Hook
- Firebase api and use Firebase to create Authentication
- Practice React Router
| Debugging | Solution |
|---|---|
| Data Collection in Firebase | data collection from 'tweets' should match with your data id in Firebase --> IMPORTANT to know which collection you are saving the data. |
| syntax from Tweet.js & Auth.js when input | put the onSubmit (e) => { e.preventDefault(); (target: {{value},} = e; |
| Need to use Snapshot | update, delete or whatever changes happens in Snapshot |
| setEditing(false) | will update the browser after edit |
| Authentication | Using Firebase Auth, Login Form & Creating Account & Social Login |
| error | 'initializeapp' is not exported from 'firebase/app' |
| import * as firebase from 'firebase/app' | should be import firebase from 'firebase/app' for firebase v8 and above |
| preventDefault() function | onSubmit prevent the re-rendering automatically. instead it order the function to be executed |
| npm i uuid | when you want to create a unique id |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent