https://github.com/danielemidio1988/labeddit-frontend

Este é um projeto Web Full Stack desenvolvido no Bootcamp Labenu, dividido em 2 repositórios (Labeddit-BackEnd e Labeddit-FrontEnd), onde o usuário tem acesso a rede social Labeddit.
https://github.com/danielemidio1988/labeddit-frontend

context css3 express html5 javascript jest react-router reactjs styled-components

Last synced: 21 days ago
JSON representation

Este é um projeto Web Full Stack desenvolvido no Bootcamp Labenu, dividido em 2 repositórios (Labeddit-BackEnd e Labeddit-FrontEnd), onde o usuário tem acesso a rede social Labeddit.

• Host: GitHub
• URL: https://github.com/danielemidio1988/labeddit-frontend
• Owner: DanielEmidio1988
• Created: 2023-03-01T15:20:36.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-10T20:02:04.000Z (almost 2 years ago)
• Last Synced: 2024-12-01T06:42:59.430Z (3 months ago)
• Topics: context, css3, express, html5, javascript, jest, react-router, reactjs, styled-components
• Language: JavaScript
• Homepage: https://labeddit-front-end.vercel.app
• Size: 640 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# LABEDDIT - FRONT-END

## 📖 Introdução

Este é um projeto Web Full Stack desenvolvido no Bootcamp Labenu, dividido em 2 repositórios (Labeddit-BackEnd e Labeddit-FrontEnd), onde o usuário tem acesso a rede social Labeddit. Dentro da aplicação, você poderá criar seu cadastro e interagir com as publicações (curtir, comentar, editar) de outros usuários.

A Aplicação Front-End que faz o consumo da API Labeddit. A partir dela, você poderá cadastrar sua conta, criar e interagir com as publicações. 

O projeto é responsivo, respeitando a regra 'mobile-first'.

## 🔗Link de Acesso

- Deploy Vercel: [clique aqui!](https://labeddit-front-end.vercel.app/) 

- Labeddit-BackEnd: [clique aqui!](https://github.com/DanielEmidio1988/Labeddit-BackEnd)

## 👥Equipe

- DANIEL EMIDIO

### 📄Concepção do Projeto

Link FIGMA: [Clique aqui!](https://www.figma.com/file/Byakv89sjTqI6NG2NRAAKJ/Projeto-Integrador-Labeddit?node-id=0%3A1&t=haX9j5M0lHbjWnAr-0)

### Bibliotecas utilizadas

- styled-components: para estilização da página;

- axios: para requisição de API;

- react-router-react: para interação entre páginas;

## 🛰Executando o Projeto

- npm install: Instala todas as dependências listadas no package.json;

- npm start: Inicia a aplicação

## 💡Programas utilizados:

- VSCode

## 💻Tecnologias 

![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![Javascript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

![Styled-Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

## 📫 Contato

E-mail: [email protected]

[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/danielemidio1988/)

[![Codewars](https://img.shields.io/badge/Codewars-B1361E?style=for-the-badge&logo=Codewars&logoColor=white)](https://www.codewars.com/users/DanielEmidio1988)