Diario Online Frontend

Frontend da aplicação web Diário Online para a disciplina de Desenvolvimento WebMobile Turma B 2023.2, do curso de Ciência da Computação da Universidade Federal do Tocantins.

Tecnologias

• React JS
• Vite
• ESLint
• Prettier
• Material UI
• ReactRouter

Iniciar localmente

Clone o repositório:

  git clone https://github.com/dwm-2023-2/diario_online_frontend

Entre no diretório do projeto:

  cd diario_online_frontend

Instale as dependências:

  npm install

Inicie o servidor de desenvolvimento:

  npm run dev

Inice o ramificação de desenvolvimento (GitFlow):

  git flow init

Crie uma feature:

  git flow feature start MYFEATURE

Crie uma bugfix:

  git flow bugfix start MYFEATURE

Crie uma hotfix:

  git flow hotfix start MYFEATURE

Guia de Uso do Devcontainer na Equipe de Desenvolvimento

Visão Geral

Este guia fornece instruções sobre como usar devcontainers em nossa equipe de desenvolvimento. Devcontainers são ambientes de desenvolvimento consistentes e isolados, que podem ser facilmente compartilhados e replicados por toda a equipe. Eles garantem que todos tenham o mesmo ambiente de desenvolvimento, economizando tempo e evitando problemas de configuração.

Pré-requisitos

• Visual Studio Code (VSCode) instalado: Download VSCode
• Extensão "Remote - Containers" instalada no VSCode: Instalação da Extensão

Configuração Inicial

Antes de começar a usar devcontainers, siga estas etapas de configuração inicial:

1. Clone o repositório do projeto para o seu computador:

   git clone https://github.com/dwm-2023-2/diario_online_frontend

2. Abra a pasta do projeto no Visual Studio Code:

   cd diario_online_frontend
   code .

3. O VSCode detectará automaticamente a configuração do devcontainer e perguntará se deseja reabrir o projeto no contêiner. Aceite a oferta.

4. O ambiente de desenvolvimento dentro do devcontainer será construído e iniciado. Isso pode levar algum tempo na primeira execução.

Uso Diário

Após a configuração inicial, usar o devcontainer é simples:

1. Abra o projeto no VSCode da maneira usual.

2. O VSCode detectará automaticamente o devcontainer e perguntará se deseja reabrir o projeto no contêiner.

3. Você está agora dentro do ambiente de desenvolvimento do devcontainer. Todas as ferramentas e dependências necessárias estão configuradas.

4. Escreva seu código, execute testes e realize tarefas de desenvolvimento como faria normalmente.

Gerenciando o Devcontainer

Parar o Devcontainer

Para parar o devcontainer e liberar recursos do seu computador:

1. Clique no ícone "Remote Explorer" no canto inferior esquerdo do VSCode.

2. No painel "Containers", clique com o botão direito do mouse no devcontainer em uso.

3. Selecione "Stop Container" para interromper o devcontainer.

Iniciar o Devcontainer Manualmente

Caso o devcontainer não seja iniciado automaticamente:

1. Abra a pasta do projeto no VSCode.

2. Na parte inferior direita da janela, clique em "Abrir uma janela ou pasta remota".

3. Selecione o devcontainer do projeto na lista.

4. O ambiente de desenvolvimento será construído e iniciado.

Documentação criada por: wilque

08/10/2023