Chat-App

A fullstack chat application. Frontend built with React and backend with Node.js and Socket.IO.

Details

Features:

• Chat with users in same room.
• Link invites: copy the room link and open it in a different window to join the room.
• Cross-browser compatible and responsive on all devices.
• Frontend: React.
• Backend: Node.js, Socket.IO.

Usage

• Inside client folder run npm install react-scripts@latest to install all required modules. Start with npm start. Open http://localhost:3000
• Do the same for server folder.
• Enter username and room you want to join. Press join.
• Open http://localhost:3000 in different window and join the same room or use the room link to join it.
• Now your users are in the same room and can chat with each other.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Support or Contact

I am open to suggestions and learning about new techniques that can help me improve my skills.

Have any recommendations or interested in contacting me? Send me a message!

My email is egorkabantsov@gmail.com.

My personal website

Чат-приложение

Полнофункциональное чат-приложение. Фронтенд построен на React, а бэкэнд - на Node.js и Socket.IO

Информация

Функции:

• Общение с пользователями в одной комнате.
• Приглашения ссылкой: скопируйте ссылку на комнату и откройте ее в другом окне, чтобы присоединиться к комнате.
• Кроссбраузерность и отзывчивость на всех устройствах.
• Фронтенд: React.
• Бэкэнд: Node.js, Socket.IO.

Использование

• Внутри папки client запустите npm install, чтобы установить все необходимые модули. Запустите npm start. Откройте http://localhost:3000
• Сделайте то же самое для папки server.
• Введите имя пользователя и комнату, к которой вы хотите присоединиться. Нажмите присоединиться.
• Откройте http://localhost:3000 в другом окне и присоединитесь к той же комнате или используйте ссылку комнаты, чтобы присоединиться к ней.
• Теперь ваши пользователи находятся в одной комнате и могут общаться друг с другом.

Содействие

Pull запросы приветствуются. Для серьезных изменений сначала откройте issue, чтобы обсудить, что вы хотите изменить.

Поддержка или контакты

Я открыт для предложений и изучения новых технологий, которые могут помочь мне улучшить свои навыки.

У вас есть какие-либо рекомендации или вы хотите связаться со мной? Отправьте мне сообщение!

Моя электронная почта egorkabantsov@gmail.com.

Мой личный сайт