Sistema de casa de eventos | React Vite Node Docker | Santander DevOps 1182

Tecnologias Utilizadas

React
Vite
Node
Docker

Dependências Utilizadas

React Router
Styled Components
Axios
React Toastify

Instruções de Instalação

Clonar o projeto com o comando abaixo:

git clone git@github.com:LuizCampedelli/casa-de-eventos-react.git

Entrar na pasta do projeto

cd casa-de-eventos-react

Instalar as dependencias

npm install

Instruções para rodar o projeto

Digitar o comando para criar a imagem do docker baseado nos requisitos do Dockerfile

docker buildx buld -t casa-de-eventos-react .

Digitar o comando para rodar a imagem do docker em uma porta especifica

docker run -d -p 5173:5173 casa-de-eventos-react

Pronto! Seu projeto já estará rodando no endereço

http://localhost:5173

Caso haja necessidade de mudanças no código

docker ps

Olhe o id do container

CONTAINER ID   IMAGE                   COMMAND                  CREATED          STATUS          PORTS                                       NAMES
fb9d05203a74   casa-de-eventos-react   "docker-entrypoint.s…"   31 minutes ago   Up 31 minutes   0.0.0.0:5173->5173/tcp, :::5173->5173/tcp   nervous_jennings

Pare o container

docker stop <id do container>

Faça suas mudanças e rode novamente os comandos de "build e "run".

Para rodar e ver o json no backend

http://localhost:5173/events.json

Guardar imagem Docker no Docker Hub

docker login

Depois

docker tag <tag do nome da imagem> <tag do usuario do docker hub>/<tag do nome da imagem>:<tag da versão>
Exemplo: docker tag casa-de-eventos-react vapeprosper/casa-de-eventos-react:v.1

Publicar no Docker Hub

docker push <tag do usuario do docker hub>/<tag do nome da imagem>:<tag da versão>
docker push vapeprosper/casa-de-eventos-react:v.1

Imagem no docker Hub

https://hub.docker.com/r/vapeprosper/casa-de-eventos-react

Agradecimentos

Codigos de React, Vite, Node e estruturação completa: https://github.com/roofranklin

LuizCampedelli/docker-casa-de-eventos-react