https://github.com/ChristySchott/react-linkedin

Clone do LinkedIn sendo desenvolvido em React
https://github.com/ChristySchott/react-linkedin

eslint react redux styled-components typescript

Last synced: about 2 months ago
JSON representation

Clone do LinkedIn sendo desenvolvido em React

• Host: GitHub
• URL: https://github.com/ChristySchott/react-linkedin
• Owner: ChristySchott
• Created: 2020-06-26T22:00:32.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-07-07T15:50:33.000Z (almost 5 years ago)
• Last Synced: 2024-07-31T19:54:25.360Z (9 months ago)
• Topics: eslint, react, redux, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 3.23 MB
• Stars: 26
• Watchers: 3
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


 :postbox: React LinkedIn :briefcase:





Projeto   |   

  Tecnologias   |     

  Executando   |   

  Layout   |   

  Aprendizados   |   

  Licença






## 💻 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.