Esse To Do List é uma aplicação full-stack, ou seja, á uma divisão de responsabilidade. O back-end desenvolvido em node.js com uma arquitetura MSC (Model-Service-Controller), é possível criar, ler, editar e deletar(CRUD) as tarefas. O front-end, construído em React, interage com o banc-end, não sendo necessário guardar qualquer arquivo na máquina do usuário.
O front-end foi desenvolvido com React, o código foi componentizado visando uma maior facilidade em futuras manutenções, atualizações e a reutilização de código. A comunicação entre os componentes foi feitai utilizando uma tecnologia interna do react, o Context API, dispensando a instalação de bibliotecas externas.
O back-end foi desenvolvido em javascript com node.js, utilizando a lib Express para a estruturação da API, é usada uma arquitetura MSC(Model-Service-Controller) para distribuir responsabilidades, além de facilitar futuras manutenções e melhorias. As tarefas são salvas em um arquivo .JSON, que é editado usando ferramentas internas.
💻 Localmente
- Para rodar a aplicação, obrigatoriamente você deve ter o
nodeinstalado em seu computador.
- Clone o projeto para sua maquina
git clone git@github.com:JeffersonSimplicio/first-full-stack.git
- Entre no diretório gerado
cd first-full-stack
- Entre no diretório de front-end e instale as dependências
cd frontend/ && npm i && cd ..
- Entre no diretório de back-end e instale as dependências
cd backend/ && npm i && cd ..
- Inicialize a aplicação back-end
cd backend/ && npm start && cd ..
- Inicialize a aplicação front-end
cd frontend/ && npm start && cd ..
- Abra o navegador e acesse a url:
http://localhost:3000/
🐳 Docker
- Para rodar a aplicação com docker, é necessário ter instalando em sua maquina
DockereDocker Compose
- Clone o projeto para sua maquina
git clone git@github.com:JeffersonSimplicio/first-full-stack.git
- Entre no diretório gerado
cd first-full-stack
- Suba o ambiente do docker
docker-compose up -d --build
- Abra o navegador e acesse a url:
http://localhost:3000/