8000 GitHub - AbdelrahmanAlsayed/Chat-app: Real-time chat app built with React and Firebase, with instant messaging, real-time updates, Firebase authentication, with a focus on Lighthouse metrics.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Real-time chat app built with React and Firebase, with instant messaging, real-time updates, Firebase authentication, with a focus on Lighthouse metrics.

Notifications You must be signed in to change notification settings

AbdelrahmanAlsayed/Chat-app

Repository files navigation

Chat app

This is a chat app designed for swift conversations with instant message delivery, ensuring you can chat without any delays with great user interface.

Table of Contents

Overview

Screenshot

chat app Screenshot

Links

My Process

Built with

  • Semantic HTML5
  • ReactJs
  • React icons
  • Tailwind CSS
  • React Router
  • Context API
  • firebase
  • vite

What I Learned

  • React Component Lifecycle
  • more understanding of hooks and custom hooks
  • In-depth knowledge of Context API for state management
  • React Router and secured routes for safety
  • Firebase for real-time data synchronization and storge
  • Improving the overall Lighthouse report for better performance (over 95%) in all aspects

Future Plans

  • Planning to make the app more like Messenger from Meta and it's all great Features
  • optimizing mobile performance for a perfect score
  • focusing on writing clean, clear and organized code following SOLID principles.

Author

About

Real-time chat app built with React and Firebase, with instant messaging, real-time updates, Firebase authentication, with a focus on Lighthouse metrics.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0