-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
18 additions
and
16 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,30 +1,32 @@ | ||
# Chat App | ||
|
||
[![Actions Status](https://github.com/georgy-p/frontend-project-12/workflows/hexlet-check/badge.svg)](https://github.com/georgy-p/frontend-project-12/actions) | ||
|
||
Try it <a href="https://frontend-project-12-production.up.railway.app/">here</a> | ||
Chat App is an SPA application like a simplified version of Slack. Registration is required to use. The application allows you to create, rename and delete channels. The application is built on React. Interaction with the server is carried out using web sockets. | ||
|
||
# About | ||
## Examples | ||
|
||
Chat App is an SPA application like a simplified version of Slack. Registration is required to use. The application allows you to create, rename and delete channels. The application is built on React. Interaction with the server is carried out using web sockets. | ||
### Chat page | ||
|
||
### Examples | ||
#### Chat page: | ||
<img width="1238" alt="Screen Shot 2023-02-21 at 14 38 25" src="https://user-images.githubusercontent.com/81578359/220335601-23e70b58-18e5-4ec2-a160-2d7d9024a072.png"> | ||
![Chat page screenshot](https://user-images.githubusercontent.com/81578359/220335601-23e70b58-18e5-4ec2-a160-2d7d9024a072.png) | ||
|
||
### Channel rename | ||
|
||
#### Channel rename: | ||
<img width="1235" alt="Screen Shot 2023-02-21 at 14 39 33" src="https://user-images.githubusercontent.com/81578359/220335618-cac37599-1097-440b-9433-a222483c1579.png"> | ||
![Channel rename screenshot](https://user-images.githubusercontent.com/81578359/220335618-cac37599-1097-440b-9433-a222483c1579.png) | ||
|
||
### Channel remove | ||
|
||
![Channel remove screenshot](https://user-images.githubusercontent.com/81578359/220335632-400d8946-69e9-4d23-a320-9d59803a1d7a.png) | ||
|
||
#### Channel remove: | ||
<img width="1231" alt="Screen Shot 2023-02-21 at 14 39 45" src="https://user-images.githubusercontent.com/81578359/220335632-400d8946-69e9-4d23-a320-9d59803a1d7a.png"> | ||
### Add new channel | ||
|
||
![Add new channel screenshot](https://user-images.githubusercontent.com/81578359/220335647-c5ed906e-a674-473f-bb95-2bd89200757d.png) | ||
|
||
#### Add new channel: | ||
<img width="1235" alt="Screen Shot 2023-02-21 at 14 40 19" src="https://user-images.githubusercontent.com/81578359/220335647-c5ed906e-a674-473f-bb95-2bd89200757d.png"> | ||
## How to use | ||
|
||
# How to use: | ||
```shell | ||
1. Clone the repository. | ||
2. In the root directory: `$ make install`. | ||
3. To make a build: `$ make build`. | ||
4. To start on localhost: `$ make start`. | ||
2. In the root directory: '$ make install'. | ||
3. To make a build: '$ make build'. | ||
4. To start on localhost: '$ make start'. | ||
``` |