OmarChefrad / Spooky-Chat

A SnapChat Killer 👻

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Inspired By SnapChat

An authentic app inspired by Snapchat (social media app), built with ReactJs, Firebase, Redux Toolkit and Material-UI.

Visit the Project here: https://spookychat-6b6ca.web.app

Reflection

  • This is a side project I developed as part of learning Reactjs and Firebase.
  • I wanted to understand how to implement the webcam feature in a React Application, so what better clone to make for the process of learning the same than Snapchat.
  • This app involves the use of external npm libraries such as "react-webcam", "react-countdown-circle-timer" and "firebase".
  • I have bootstrapped the Redux template using the command npx create-react-app --template redux. This helps to minimize the initial setup and invest more time into the main logic of the app and also deals with the initial setup of redux in the app using a package called "@reduxjs/toolkit". The state management is done using Redux. I also added react-router-dom for routing. The Styling is done using Material UI which is a famous and easy to use for styling React components. "# Spooky-Chat"

Project Screen Shots

preview

Umar @2022

About

A SnapChat Killer 👻


Languages

Language:JavaScript 59.5%Language:CSS 33.4%Language:HTML 7.0%