Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
georgy-p committed Jan 30, 2024
1 parent bc6c0c3 commit 069b09f
Showing 1 changed file with 18 additions and 16 deletions.
34 changes: 18 additions & 16 deletions README.md
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'.
```

0 comments on commit 069b09f

Please sign in to comment.