React JS & Firebase Complete Course (incl. Chat Application)

Posted By: ParRus

Date: June 9, 2020

Create "real world" React JS applications connected to Firestore (Firebase). Redux, authentication + real time features!

What you'll learn
Develop real-world web application with React JS and Firebase
Understand the processes and concepts of React JS 2
Use gained knowledge to create your own Web Applications

Requirements
Javascript and ES6 knowledge is required!
Base Html and CSS is required

Description
WHAT IS REACT JS?

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”.

WHAT IS FIREBASE?

Firebase provides a realtime database and backend as a service. The service provides application developers an API that allows application data to be synchronized across clients and stored on Firebase's cloud.

THE COURSE

Students learn best when they’re putting what they learn in to practice straight away, so we’ve build this course around one really great project (which will look fantastic in your career portfolio!):

In this course we are going to build application where users can participate in different services that can improve users expertise in various fields.

We will start with the basics of React JS framework. We will create initial layout, first pages and routing .

First section will be not only about React JS . To make our application dynamic and up to the standards we need database. Database we will use in this course is cloud Firestore from Firebase. IN Firestore we will keep different types of data as for example services, offers, collaborations and users.

After first section you will start learning about firebase authentication. I will show you how to login and register with firebase. After user will be logged in we will display our application with couple of modifications only authenticated user can see.

Main idea of this application is to offer and subscribe to various services. For this reason we will implement page. where users can create service and where i get you familiar with form validation as well

After service will be created it will be displayed on Home page and offered to other users.

Later we will be creating functionality to trade services between the users. Every logged in user can make an offer for a service. After offer is submitted then its up to service owner if he is willing to accept or decline an offer. In case service owner will accept offer then user can create collaboration.

Once collaboration is created then service owner will receive message to participate in collaboration. When all of the users are joined into collaboration then collaboration can be started for specific amount of time and users can exchange messages. After collaboration is finished, messaging is disabled.

In last section I will be talking about security rules for Firestore and finally we will deploy are application to Heroku so you can share it with your friends and family. This is just short preview of all of the features and there is much much more prepared for you.

With over 24 hours of on-screen instruction, it doesn’t matter whether you’re planning to start your career as a developer, or just want to improve your programming skills, this is the right course for you!

So what are you waiting for? Enrol now!!

Who this course is for:
Developers new to React JS & Firebase
Experienced developers looking to hone their React JS & Firebase skills
People eager to learn new knowledge

also You can find my other helpful Programming-posts
(if old file-links don't show activity, try copy-paste them to the address bar)

MediaInfo:

General
Complete name : 5. Display Offers + Extract Data.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 130 MiB
Duration : 17 min 6 s
Overall bit rate : 1 065 kb/s
Writing application : Lavf58.12.100

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, RefFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 17 min 6 s
Bit rate : 929 kb/s
Nominal bit rate : 3 000 kb/s
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.034
Stream size : 114 MiB (87%)
Writing library : x264 core 148
Encoding settings : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x1:0x111 / me=umh / subme=6 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=22 / lookahead_threads=3 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=60 / keyint_min=6 / scenecut=0 / intra_refresh=0 / rc_lookahead=60 / rc=cbr / mbtree=1 / bitrate=3000 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=3000 / vbv_bufsize=6000 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00

Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : mp4a-40-2
Duration : 17 min 6 s
Bit rate mode : Constant
Bit rate : 128 kb/s
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 15.7 MiB (12%)
Default : Yes
Alternate group : 1

Screenshots

✅ Exclusive eLearning Videos ParRus-blog ← add to bookmarks
Feel free to contact me PM
when links are dead or want any repost

https://icerbox.com/.../...lete.Course.(incl..Chat.Application).rar