/spaceletter

Um sistema de newsletter feito com React.

Primary LanguageJavaScript

Spaceletter 🚀

React NodeJS Postgres

A Spaceletter é uma newsletter feita com o intuito de compartilhar notícias diárias sobre astronomia. Foi feita com React, Cypress para testes de integração e NodeJS com PostgreSQL. O fundo estrelado é dinâmico, as estrelas não têm um padrão de renderização, e também piscam um pouco. Os erros são notificados através de Toastifys. O site também está responsivo para dispositivos móveis.

O Back End foi feito usando NodeJS e PostgreSQL, e os e-mails são enviados através do MailTrap, que é um servidor SMTP, ou seja, ele é o responsável pela entrega dos e-mails. E também é um servidor de testes, caso você fique na expectativa de que chegue um email na hora do cadastro 😅.

Para acessar a aplicação você pode clicar aqui 👈🏽.

Para acessar a documentação do Back End você pode clicar aqui 👈🏽.

Imgur

O que foi utilizado para realizar o projeto no front-end?

React, React Hook Form, Toastify, React Router Dom v6, e Particles.JS.

Quais são as rotas?

Imgur

Imgur

Pagina de erro caso coloque alguma rota errada:

O astronauta se move caso quando passa o mouse por cima.

Imgur

Painel de Administrador: https://spaceletter.vercel.app/panel

Precisa estar autenticado para realizar o acesso.

Imgur

Mensagens de boas vindas que o assinante recebe quando se cadastra:

Imgur

Modelo de mensagem da notícia do dia:

Imgur

Página para desinscrever:

Imgur