https://github.com/victordantasdev/mockut

Clone do falecido Orkut criado durante a Imersão React da Alura!
https://github.com/victordantasdev/mockut

alura alurakut imersao-react nextjs reactjs

Last synced: 8 days ago
JSON representation

Clone do falecido Orkut criado durante a Imersão React da Alura!

• Host: GitHub
• URL: https://github.com/victordantasdev/mockut
• Owner: victordantasdev
• Created: 2021-07-12T14:23:15.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-07-22T23:57:55.000Z (4 months ago)
• Last Synced: 2024-07-23T03:12:20.910Z (4 months ago)
• Topics: alura, alurakut, imersao-react, nextjs, reactjs
• Language: JavaScript
• Homepage: https://alurakut-lac.vercel.app/
• Size: 196 KB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Mockut

[![licence mit](https://img.shields.io/badge/licence-MIT-blue.svg)](https://github.com/joaovictordantasj/SearchDevs/LICENSE)

!['node-version'](https://img.shields.io/badge/node-14.17.2-blue)

!['npm-version'](https://img.shields.io/badge/npm-6.14.13-blue)

!['yarn-version'](https://img.shields.io/badge/yarn-1.22.10-blue)

## Descrição do projeto

> O mockut é um clone do falecido Orkut feito em Next.js integrado a API do GitHub para pegar os dados do usuário como nome, foto de perfil, número e nome de seguidores e de pessoas que está seguindo, além da integração com a API do Dato CMS para gerenciar o conteúdo das comunidades.

Você pode conferir o projeto em produção clicando nesse [link](https://alurakut-lac.vercel.app/login).

---

## Dependências

Nesse projeto foram ultilizadas as bibliotecas:

* [nookies](https://www.npmjs.com/package/nookies) - Para gerenciar cookies na aplicação.

* [styled-components](https://www.npmjs.com/package/styled-components) - Para estilizar os componentes.

* [react-switch](https://www.npmjs.com/package/react-switch) - Para criar o switch de dark para light mode.

* [jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken) - Para fazer o decode dos tokens jwt salvos nos cookies.

---

## Prints do projeto

Tela de login

![image](https://user-images.githubusercontent.com/64330605/126041033-e25897f7-dcf1-4f77-b048-d6a43e763726.png)

Tela de conteúdo (modo dark)

![image](https://user-images.githubusercontent.com/64330605/126041114-0bdb12cf-924f-40af-b940-8d83d33773ae.png)

Tela de conteúdo (modo light)

![image](https://user-images.githubusercontent.com/64330605/126041131-bdd02792-6c68-4189-b3ad-0ae208d8a9c6.png)