alexrocha/reactjs_chat

Protótipo de chat simples com ReactJS NextJS rodando em um container Docker com Json-server

Chat com ReactJS

Objetivo:

Este projeto tem como objetivo explorarmos os principais conceitos de ReactJS como uso de High Order Components para delegar atributos e metodos entre componentes, alguns design patterns para facilitar a organização de código e diminuir redundancias.

Tecnologias utilizadas:

• ** Tecnologias backend **

  • Json Server

• ** Tecnologias frontend **

  • ReactJS
  • NextJS
  • [Axios] (https://github.com/axios/axios)

• ** Padrões de projeto **

  • DAO
  • Strategy

Exigências

⚠️ Atenção: É necessário que os desenvolvedores usem o Docker no seu ambiente de desenvolvimento.

• 🛠 Modo Desenvolvimento Docker
  • 💻 Linux Ubuntu LTS
  • 🐳 Docker Deve estar instalado.
  • 🐳 Docker Compose Deve estar instalado.
  • 💡 Dica: Documentação do Docker

🐳 Modo Desenvolvimento com Docker

Após instalar o docker e docker-compose, estando na pasta raiz do projeto, execute:

docker-compose build

Para rodar a aplicação, execute:

docker-compose run --rm app

Para acessar o container da aplicação, execute:

docker-compose run --rm app bash

Para derrubar a instância do docker, execute:

docker-compose down

Permissões de arquivos:

Ao se adicionar libs ou qualquer outro comando que crie arquivos dentro do contâiner Docker o proprietário para edição se torna o contâiner, sendo assim você precisará rodar o comando abaixo para alterar essas permissões e você poder editar:

sudo chown -R $USER:$USER .