Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/felipeg-almeida/labeddit-frontend
Projeto React que consiste em uma rede social inspirada no reddit, por meio de uma interface construída em componentes, desenvolvido no curso de Desenvolvimento Full Stack da Labenu, unicamente para fins didáticos.
https://github.com/felipeg-almeida/labeddit-frontend
frontend javascript react reddit styled-components
Last synced: about 1 month ago
JSON representation
Projeto React que consiste em uma rede social inspirada no reddit, por meio de uma interface construída em componentes, desenvolvido no curso de Desenvolvimento Full Stack da Labenu, unicamente para fins didáticos.
- Host: GitHub
- URL: https://github.com/felipeg-almeida/labeddit-frontend
- Owner: FelipeG-Almeida
- Created: 2023-07-15T20:29:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-06T01:25:58.000Z (over 1 year ago)
- Last Synced: 2023-08-06T02:38:03.281Z (over 1 year ago)
- Topics: frontend, javascript, react, reddit, styled-components
- Language: JavaScript
- Homepage: https://felipeg-almeida.github.io/labeddit-frontend/
- Size: 361 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![Banner](https://github.com/FelipeG-Almeida/labeddit-frontend/assets/73674044/06ebc5a6-9abc-4631-b8c8-9099770ccb60)
Labeddit Front-end
Bem-vindos ao Labeddit! 😎 Uma rede social inspirada no reddit. Desenvolvida usando a biblioteca React e estilizada com styled-components. Este é o projeto final que coroa nosso percurso pelo curso full-stack da Labenu 🧡
🚀 Demo
[https://felipeg-almeida.github.io/labeddit-frontend/](https://felipeg-almeida.github.io/labeddit-frontend/)
Repositório Backend: [https://github.com/FelipeG-Almeida/labeddit-backend](https://github.com/FelipeG-Almeida/labeddit-backend)
🧐 Funcionalidades
Algumas funcionalidades do projeto incluem:
* Criar conta
* Criar Posts
* Dar like e dislikes nos posts
* Criar comentários dos posts📷 Capturas
Desktop 🖥️
Login
![felipeg-almeida github io_labeddit-frontend_](https://github.com/FelipeG-Almeida/labeddit-frontend/assets/73674044/2262c5fa-969b-4800-92cb-787c57e7cea1)
Posts
![felipeg-almeida github io_labeddit-frontend_ (1)](https://github.com/FelipeG-Almeida/labeddit-frontend/assets/73674044/e3e4852f-e196-4c04-838c-8686e7a00c97)
Mobile e Tablet 📱
🛠️ Configuração:
1. Clone o repositório: Abra o terminal e navegue até a pasta onde você deseja clonar o repositório. Em seguida execute o seguinte comando:
```
git clone https://github.com/FelipeG-Almeida/labeddit-frontend.git
```2. Acesse a pasta do projeto: Entre na pasta do projeto com o comando:
```
cd labeddit-frontend
```3. Instale as dependências: Use o npm para instalar as dependências do projeto:
```
npm install
```4. Executar o projeto em modo de desenvolvimento: Para iniciar o servidor de desenvolvimento utilize o seguinte comando:
```
npm run dev
```
💻 Constrúido com
Tecnologias usadas no projeto:
* React: Uma biblioteca JavaScript amplamente utilizada para construir interfaces de usuário interativas e componentes reutilizáveis.
* Styled-components: Uma biblioteca de estilização para React que permite escrever estilos utilizando componentes JavaScript.
* JavaScript: A linguagem de programação fundamental utilizada para desenvolver a lógica e interatividade do projeto.
* Outras bibliotecas do ecossistema React como React Router Axios entre outras foram utilizadas para facilitar o desenvolvimento e melhorar a experiência do usuário.---