- Link de Acesso
- Resumo do Projeto
- Definição do Produto e Funcionalidade
- Instalação
- Iniciando
- Lista de Requisitos
- Tecnologias e Ferramentas Utilizadas
- Protótipo
- Requisitos do Projeto
Link vercel: projeto-labeddit
https://github.com/anderson-nunes/labeddit-backend
E-mail: zion@email.com
Senha: Zion@123
LabEddit é um projeto web full stack, desenvolvido com um design de aplicativo mobile first que permite a interação entre usuários por meio de postagens, comentários e votos. Os usuários também podem alterar apelido, senha e imagem de avatar, além de deletar suas próprias postagens e comentários.
O projeto Labeddit possui quatro páginas:
Na página de login é possui digitar seu e-mail e sua senha cadastrada e entrar no sistema. Caso ainda não tenha um e-mail/senha cadastrado no sistema, clique no botão crie uma conta! e será direcionado para a página de cadastro.
Nessa página o usuário pode criar sua conta fornecendo apenas um apelido, e-mail e senha. Sendo necessário concordar com os termos de política de privacidade. Caso haja algum erro o usuário será notificado. Ao realizar seu cadastro com sucesso o usuário é direcionada para a página de posts.
Em post o usuário vai encontrar uma caixa de texto para criar seu próprio post, é nesta página que ficam todas as postagens dos demais usuários nas quais é possível dar like ou dislike. Ainda nessa página se o usuário desejar ver os comentários de um post é clicando no ícone de comentário que será redirecionada para a página de comentários. Há a possibilidade de fazer o Lougout clicando no botão superior direito.
Na página de comentários você pode dar like ou dislike nos comentários dos demais usuários. É possível também adicionar o seu próprio comentário, além disso, para melhorar a experiência do usuário a página possui um botão para retornar para a página de posts. Ou se preferir fazer o logout do sistema clicando no botão superior direito.
- Node.js
- npm
Para instalar as dependências no diretório do seu projeto, execute o seguinte comando:
- npm install
Para iniciar o aplicativo, execute o seguinte comando:
- npm start
Este site foi construído com as seguintes tecnologias:
- Javascript
- TypeScript
- React
- Figma
- CSS Modules Stylesheet
O Design de app mobile first foi fornecido pela Labenu, se preferir acesso direto pelo Figma clique aqui, ou então acompanhe as imagens abaixo:
- [✔️] Respeitar o layout do Figma
- [✔️] Uso do ReactJS
- [✔️] Site deployado
- [✔️] Documentação README