Skip to content

A little app to chat with friends built with React.js, SCSS, and Firebase

Notifications You must be signed in to change notification settings

Rosa-Kang/reacttwitter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A little app to chat with friends built with React.js, SCSS, and Firebase

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages