Menu Close

docker-todo-list

Docker Todo List

A Trybe é uma escola de tecnologia com foco em formação de Desenvolvedores Web e o projeto Docker Todo List foi proposto como atividade de aprimoramento dos estudos sobre desenvolvimento back-end com foco criar aplicações dockerizadas.

Objetivo

O projeto Docker Todo List é uma aplicação Full Stack dockerizada que permite ao usuário criar sua própria lista de tarefas adicionando, editando e removendo items. O principal desafio desse projeto foi dockerizar a aplicação, criando as imagens e o docker-compose.

Tecnologias e Ferramentas

HTML
CSS3
JavaScript
ReactJS
ESlint
NodeJS
Docker
Express

Na elaboração deste projeto utilizou-se as seguintes ferramentas:

Front-end

Back-end

Alinhamento de código

Obs.: Os arquivos presentes na pasta todo-app foram disponibilizados pela Trybe para a realização deste projeto.

⚙️ Execução

Para executar a aplicação inicie realizando o clone deste repositório com o comando abaixo.

git clone git@github.com:larissaperinoto/docker-todo-list.git

Navegue até o diretório docker do projeto.

cd docker-todo-list/docker
Rodando a aplicação com o Docker

Obs: Para rodar a aplicação dessa forma você deve ter o Docker instalado na sua máquina.

Instale as depedências do projeto na pasta back-end, fornt-end e tests rodando o comando abaixo em cada pasta

    npm install

Na pasta docker do projeto, suba o container todofront, todoback e todotests utilizando o docker-compose.yml. Utilize o comando abaixo.

    docker-compose up -d

Entre no terminal do container de back-end

    docker exec -it todoback bash

Dentro do terminal, inicie o servidor

    npm run dev

Entre no terminal do container de front-end

    docker exec -it todofront bash

Inicie a aplicação react com o comando abaixo dentro do terminal do container

    npm start

Desenvolvido por Larissa Perinoto, © 2022.

View Source Code
Posted in Development