Este é um projeto full-stack para gerenciar eventos pessoais, permitindo que usuários criem, visualizem, editem e excluam eventos em uma interface simples e amigável. A aplicação é composta por um backend robusto em Java com Spring Boot e um frontend interativo em HTML, CSS (Tailwind CSS) e JavaScript.
- Java 17
- Spring Boot
- Spring Security
- JWT (JSON Web Token)
- JPA (Java Persistence API)
- MySQL
- Maven
- HTML5
- TailwindCSS
- JavaScript
O projeto segue uma arquitetura modular com o backend e o frontend separados.
- Backend: Uma API REST que expõe endpoints para autenticação e manipulação de eventos. A segurança é gerenciada por um filtro JWT que valida o token em cada requisição.
- Frontend: Uma Single Page Application (SPA) que se comunica com o backend via requisições assíncronas (fetch API) para criar, ler, atualizar e deletar eventos. A navegação entre as páginas é feita diretamente no JavaScript.
- Cadastro de Usuário
- Login
- Criação de Evento
- Listagem de Eventos
- Contagem Regressiva
- Edição de Evento
- Exclusão de Evento
- Navegação Segura
- Java Development Kit (JDK) 17 ou superior
- Maven
- Um editor de código (como VS Code ou IntelliJ IDEA)
- Clone o repositório:
git clone [https://github.com/seu-usuario/seu-repositorio.git](https://github.com/seu-usuario/seu-repositorio.git)
cd seu-repositorio-
Configurar e Executar o Backend
-
Abra o projeto no seu editor de código preferido.
-
Navegue até o arquivo application.properties (ou application.yml) e configure a conexão com seu banco de dados, se não for usar o H2 embutido.
-
Abra o terminal na pasta raiz do projeto backend e execute o comando Maven para rodar a aplicação:
mvn spring-boot:run- A aplicação estará disponível em http://localhost:8080.
- Executar o Frontend
O frontend é composto por arquivos HTML, CSS e JavaScript estáticos.
Você pode abrir os arquivos diretamente no seu navegador, mas é recomendado usar uma extensão de servidor local no seu editor (como "Live Server" no VS Code) para evitar erros de CORS.
Abra o arquivo login.html no seu navegador.
- Usando a Aplicação
-
Cadastro: http://localhost:8080/cadastro.html
Após fazer o login, você será redirecionado para a lista de eventos.