Timonwa/react-chat

Stars
125
Rank 286,335 (Top 6 %)
Language
JavaScript
License
MIT License
Created about 2 years ago
Updated 9 months ago

Timonwa/react-chat

Timonwa

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Building a Real-time Chat App with ReactJs and Firebase.

Building a Real-time Chat App with ReactJs and Firebase. ✍️

This is the code example for my article on Building a Real-time Chat App with ReactJs and Firebase for FreeCodeCamp. Here is the live demo.

Visit my blog, Timonwa's Notes, for awesome technical contents like articles, codesnippets, tech goodies, community projects and more.

Please give this repo a ⭐ if it was helpful to you.

techroadmap

Open Source. Roadmaps, articles, and useful resources to help you choose a career path, start your journey and grow in tech.

demo-ui-library

A demo on how to create a React UI component library using React, Typescript, Rollup, Storybook, Jest and React testing library.

Using-blurDataUrl-in-NextJs

Improving Next.js app performance with BlurHash

theme-switching-with-react-and-styled-components

Build a React theme switcher app with styled-components

react-multilevel-dropdown-menu

React Multilevel Dropdown Menu.

my-templates

e How to Create Your Own Custom Code Snippets Right in Your Code Editor

javascript-project-series

Beginners Javascript Projects - Article series on Timonwa's Notes. 10+ mini projects to boost your Javascript skills.

animate-css-grid

Creating smoother CSS transitions with Animate CSS Grid

timonwa

Github readme bio

glamz-beaut

Glamz Beaut offers professional makeup services for different types of makeup and effects.

Tim-hub

eCommerce website

jimoh-photography

Jimoh Photography is an online portfolio showcasing the artistic work of an home/office interior photographer.

react-search-component

How to create Search Component in React.js using React Hook.

primereact-datatable

Build a beautiful, customized data table with PrimeReact.

css-shapes

creating shapes using css.

my-javascript-projects

10+ projects to learn javascript

Luxury

Real estate website

letters-with-css

using CSS to create letters of the English alphabet.

pelsdiary2.0

Recreating the initial blogsite

luxury-react

Luxury allows users to look for their next home or lodging by going through an array of listed apartments and hostels all in one place right from their phone without living their home.

maxglow

MaxGlow is a company that has their own magazine, jewelry store and also runs an NGO.

javascript-calculator

A simple JavaScript calculator

Frontend-Mentor---Landing-page

Frontend Mentor junior challenge on html and css. It is a product landing page dark themed where you have to replicate the mockup and be as accurate as possible.

sender-react-integration

Code example for integrating Sender with React to collect and deliver emails for free. Follow this guide for seamless integration with Sender, applicable to various JavaScript frameworks and plain HTML/JavaScript forms.

image-set-function

Creating responsive images with image-set css function

Pelsdiary

simple html blog website

HNGi8-task2

A simple program that prints out my name.

one-page-tribute-website

one page tribute page

Open-Source-Practice-Repo

A practice repo to learn how to create a pull request.

Frontend-Mentor---Profile-card-component

Frontend Mentor junior challenge on html and css. It is a profile card component. The challenge is all about replicating the mockup and be as accurate as possible.

survey-form

using-vue3-touch-events-in-vue3

Understanding Vue.js touch events for Android and iOS

nextjs-typescript-boilerplate

A starter template for Next.js with TypeScript. Kickstart your Next.js projects with built-in linting, formatting, and commit message checks.

key-pal-vault

A web application that helps developer teams securely manage sensitive data amongst themselves.