https://github.com/bohdan-mykhailenko/ui_realtime-chat
Web application for chatting with authorization, database and files storage.
https://github.com/bohdan-mykhailenko/ui_realtime-chat
firebase material-ui oauth react
Last synced: 3 months ago
JSON representation
Web application for chatting with authorization, database and files storage.
- Host: GitHub
- URL: https://github.com/bohdan-mykhailenko/ui_realtime-chat
- Owner: bohdan-mykhailenko
- Created: 2022-04-02T14:30:40.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-09-01T19:51:26.000Z (almost 3 years ago)
- Last Synced: 2025-01-30T09:22:36.700Z (over 1 year ago)
- Topics: firebase, material-ui, oauth, react
- Language: CSS
- Homepage:
- Size: 22.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Getting Started with Chat Application
## Overview
* [**Demo Link**](https://bohdan-mykhailenko.github.io/chat/#/home)
This project is an realtime chat application! The user-friendly design with modern and trend features to get incredible chatting experince!
## Stack
- [JavaScript](https://www.javascript.com/)
- [React](https://reactjs.org/)
- [React Router](https://reactrouter.com/)
- [MUI](https://mui.com/)
- [SCSS](https://sass-lang.com/)
- [Firebase Auth](https://firebase.google.com/docs/auth)
- [Firebase Firestore](https://firebase.google.com/docs/firestore)
- [Firebase Storage](https://firebase.google.com/docs/storage)
## Preview
## Features
- **Authorization**: Registration and login via Google, Facebook and GitHub.
- **Theme switcher**: Switches to a light or dark theme.
- **Likes**: Ability to like messages.
- **Gallery**: Storage for all images in chat conversation.
- **Adaptability**: Full adaptability for different screen resolutions.
## How to start
**Follow these steps to start app in your local machine:**
1. Clone the repo:
`git clone https://github.com/bohdan-mykhailenko/chat`
2. Navigate to the project dir:
`cd chat`
3. Install dependencies:
`npm install`
4. Start the server:
`npm start`