react-linkedin

KO | EN

gitlite — search

#javascript #ai #llm #golang #go #android #rust #linux #java #awesome #cli #pytorch #security #openai

(★ 26)

Clone do LinkedIn sendo desenvolvido em React

react-linkedin Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">
 :postbox: React LinkedIn :briefcase:
</h1>

<p align="center">
<a href="#-projeto">Projeto</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#rocket-tecnologias">Tecnologias</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;  
  <a href="#zap-executando">Executando</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#-layout">Layout</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#zap-executando">Aprendizados</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#memo-licença">Licença</a>
</p>

<br>

## 💻 Projeto

O projeto é uma reprodução de 8 páginas do LinkedIn e foi desenvolvido para praticar o uso do TypeScript. Ainda não adicionei nenhuma consulta a Api ou funcionalidades mais avançadas, essa versão é apenas um 'MVP'.

## :rocket: Tecnologias e libs

- React

- TypeScript

- ESLint

- Styled Components

- react-stickynode

- react-modal

- react-accordion

## :zap: Executando

- Baixe e abre o 'react-linkedin' no seu editor de texto

- Execute o 'yarn install'

- Execute 'yarn start' e o programa rodará na porta localhost:3000

## 🎨 Layout

Página Login:

![Image React LinkedIn Layout](https://github.com/ChristySchott/react-linkedin/blob/master/layout/login.PNG)

Dashboard:

![Dashboard](https://github.com/ChristySchott/react-linkedin/blob/master/layout/dashboard.PNG)

Network:

![Network](https://github.com/ChristySchott/react-linkedin/blob/master/layout/network.PNG)

Jobs:

![Jobs](https://github.com/ChristySchott/react-linkedin/blob/master/layout/jobs.PNG)

Messages:

![Messages](https://github.com/ChristySchott/react-linkedin/blob/master/layout/chat.PNG)

Notifications:

![Notifications](https://github.com/ChristySchott/react-linkedin/blob/master/layout/notifications.PNG)

Perfil:

![Image React Instagram Layout](https://github.com/ChristySchott/react-linkedin/blob/master/layout/profile.PNG)

![Image React Instagram Layout](https://github.com/ChristySchott/react-linkedin/blob/master/layout/profile2.PNG)

### Aprendizados:

Serviu para fixar conteúdos do React, avançar no TypeScript, conhecer mais libs e caprichar no uso dos Styled Components

## :memo: Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.

react-linkedin

react-linkedin Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-linkedin

react-linkedin Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README