Skip to content

Vivian-Oliveira/LABEDDIT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 

Repository files navigation

📌 PROJETO LABEDDIT


👉 Status: Concluído ✅👏

Esse projeto é inspirado no Reddit. Trata-se de uma mini rede social, com tela de cadastro, login, posts e comentários.



Página de login:  

A página de login possui dois campos de texto: e-mail e senha.Ao fazer o login, o usuário deverá ser redirecionado para a página de feed. A página possui também um botão "Cadastrar", que leva o usuário para a página de cadastro. 


Página de cadastro:

A página de cadastro possui 3 campos: nome de usuário, email e senha. Após cadastrar, o usuário deverá ser redirecionado para a página de feed, já estando logado.


Página de feed:

Essa página só pode ser acessada por um usuário logado. Caso o usuário não esteja logado, deverá ser redirecionado para a página de login.7O formulário possui apenas o campo de texto.Cada post mostrará o nome de usuário que postou, o texto do post e o número de comentários. Todas essas informações serão fornecidas pela API. 


 

Página de post:

A página de um post mostrará o mesmo card de post da página de feed, com o usuário, texto e número de comentários. Essa página só pode ser acessada por um usuário logado. Caso o usuário não esteja logado, deverá ser redirecionado para a página de login. Terá um formulário para criação de comentários e os cards de comentários.


Documentação da API:

(https://documenter.getpostman.com/view/7549981/SW7T9XRj)


✨ Funcionamento:

  • Rotas
  • Página de cadastro
  • Página de feed
  • Página de post
  • Página de Erro
  • Responsividade para iPhones 6/7/8 e iPad

đź’» Tecnologias:

As seguintes tecnologias foram usadas na construção do projeto:

🎨 Layout:

  • Material-UI
  • Styled-componentes

đź“‚ Como instalar o projeto:

Passo 1. Clone este repositĂłrio:

$ git clone ....

Passo 2. Acesse a pasta do projeto no terminal/cmd:

$ cd labeddit

Passo 3. Instale as dependĂŞncias:

$ npm install

Passo 4. Rode o projeto:

$ npm run start

Passo 5. Abra em seu navegador o seguinte endereço: http://localhost:3000

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published