Labeddit é um projeto fullstack, uma rede social com o objetivo de promover a conexão e interação entre pessoas. Quem se cadastrar no aplicativo poderá criar, curtir e comentar publicações.
- Typescript
- ReactJS
- NodeJS
- Styled-Components
- Vite
O Labbedit é um projeto full-stack de conclusão de curso do bootcamp da Labenu. O projeto consiste em uma rede social na qual é possível se cadastrar, fazer login, criar, editar e excluir posts e comentários. Além disso há a possibilidade curtir ou descurtir posts e comentários de outros usuários.
- [✔️] Respeitar o Layout do Figma
- [✔️] Utilizar o conceito Mobile First
- [✔️] Uso do ReactJS
- [✔️] Site deployado
- [✔️] Garantir pelo menos 70% das funcionalidades
Na página de login o usuário pode digitar seu e-mail e senha cadastrada e logar no site. Caso ainda não tenha um e-mail/senha cadastrado, o usuário pode criar uma conta clicando no botão 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.
Na página de posts "feedpage" o usuário vai um campo para para criar seu post, é nesta página que ficam todas as postagens dos demais usuários nas quais é possível dar like ou dislike. O usuário pode 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 comentários, 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.
Antes de começar, certifique-se de atender aos seguintes requisitos:
- Node.js e VScode instalados em sua máquina.
# clonar repositório
git clone https://github.com/felipelimars/labeddit-frontend.git
# Abra o projeto no Visual Studio Code (ou em seu editor de código preferido).
# instalar dependências
npm install
# executar o projeto
npm run devAgora o projeto está em execução e conectado com a API e voce pode visualizar no seu navegador.