Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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 🧡

shieldsshieldsshieldsshieldsshieldsshields

🚀 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.

---