This project is a clone of what's app web. It has all the most important features of the real whats'app app.
Here is a list, the details of each feature are further down in the file
- Mainly the same IU as the original Whats'app
- Create an account
- Talk to whoever you want
- You can send files in the chat
- Change your profile picture
- Creation/deletion of chat rooms
- Being improved: recording of audio messages
This project uses mainly Javascript, the react library, npm packages and firebase.
- React - The whole structure of the app is based on React
- React Router DOM - This special package for react app made it possible to do the routing
- Firestore - NoSQL cloud database from firebase
- Redux - Redux, this has made it possible to be a data layer for the application
- SaSS - SaaS is a CSS extension to make more understandable CSS
- Material-UI - React components for web development
To run this project, install it locally using npm:
$ cd ../lorem
$ git clone [url]
$ npm install
$ npm start
Auth page:
Main page :
I got the idea from watching a youtube video from Clever Programmer. However, no code was copied, and I 100% created my own project structure.