Skip to content

Latest commit

 

History

History
53 lines (42 loc) · 2.31 KB

File metadata and controls

53 lines (42 loc) · 2.31 KB

Chatty People

Chatty People is a Web Application that everyone can chat on a daily basis.

Table of Contents

  1. Purpose of the Project
  2. Used Tech
  3. About the Project
  4. Structure & Features
  5. Problem Solvign & Learning
  6. Reference

1. Purpose of the Project

  • Practice React Hook
  • Firebase api and use Firebase to create Authentication
  • Practice React Router

2. Used Technology

Screen Shot 2021-04-21 at 8 17 01 PM Screen Shot 2021-04-21 at 8 19 02 PM Screen Shot 2021-04-21 at 8 23 45 PM Screen Shot 2021-04-21 at 8 24 51 PM Screen Shot 2021-04-21 at 8 29 48 PM

3. About the Project

DEMO LINK


**4. Debugging & Problem Solvings

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