taiszimerer / labeddit-front

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Badge Badge

Labeddit - FrontEnd

Este é o front-end do projeto Labeddit - Full Stack.

Descrição

Labeddit é uma aplicação de rede social de posts e interações entre usuários, com design de App móbile first. Os usuários podem fazer login ou criar um novo cadastro para acessar o feed de posts, onde podem ver os posts de outros usuários e criar seus próprios posts. A aplicação também permite aos usuários responder e interagir com as publicações.

Tecnologias

  • ReactJs
  • Chakra UI
  • JavaScript
  • Criação de API e integração do front com o backend.

Como Usar

Para utilizar a aplicação, basta acessar o link do deploy t-labeddit.surge.sh. Ao acessar, o usuário deve fazer login ou criar uma nova conta para acessar o feed de posts. No feed de posts, é possível ver as publicações dos outros usuários e criar um novo post. Ao clicar em uma publicação, o usuário pode responder e interagir com aquela publicação específica.

Instalação

Para rodar o projeto localmente, é necessário instalar as dependências. Para fazer isso, execute o seguinte comando na raiz do projeto:

'Npm i'

Após a instalação das dependências, execute o seguinte comando para rodar o projeto:

'Npm start' 

Repositório Frontend do projeto:

https://github.com/taiszimerer/labeddit-front

Deploy Frontend do projeto:

https://t-labeddit.surge.sh

Repositorio backend do projeto:

https://github.com/taiszimerer/labeddit-backend

Deploy Backend do projeto:

https://labeddit-backend-934e.onrender.com/

Documentação API:

https://documenter.getpostman.com/view/24460855/2s93XsWkhs

Autoria e Contato

Este projeto foi desenvolvido por Tais Marinheiro Zimerer. Se você tiver dúvidas ou sugestões sobre o projeto, entre em contato pelo email taiszimerer@gmail.com.

Considerações Finais

Este projeto foi desenvolvido com o intuito de demonstrar a implementação de uma rede social basica usando ReactJs, JavaScript, Chakra Ui como biblioteca para o layout e integração com a API desenvolvida por mim no Backend do projeto. Esperamos que esse README tenha sido util para ajuda-lo a entender o funcionamento do projeto, e fazer o deploy em sua própria máquina. Se você tiver qualquer dúvida ou sugestão de melhoria, por favor, não hesite em entrar em contato comigo. Agradeço pelo interesse em meu projeto, espero que possa ser util para você em seus próprios projetos.

About


Languages

Language:JavaScript 97.7%Language:HTML 2.3%