Alurakut

<h1 align="center"> <img alt="askr" title="Pomo.up" src=".github/logo-alurakut.svg" width="220px" /> </h1> <br> <br> <p align="center"> <img alt="askr" src=".github/alurakut.png" width="100%"> </p> <br>

Sobre o projeto 💬

O Alurakut é uma aplicação web clone do nosso queridíssimo e já falecido Orkut, porém trazendo uma interface mais moderna e utilizando as melhores tecnologias de desenvolvimento!

Veja o vídeo demonstrativo de todas as funcionalidades Clique aqui

<!-- Ao logar na aplicação com nosso username do GitHub vamos para a página home, nela vemos nossos amigos (seguidores do GitHub), as comunidades que participamos, e os últimos recados deixados. Além disso é possível criar novas comunidades e novos recados! -->

Páginas 🔖

• Login
• Perfil
• Amigos
• Perfil de amigo
• Comunidades
• Comunidade
• Recados

Funcionalidades 🧠

A aplicação contém as seguintes funcionalidades:

Página de Login

• Fazer login com o username do GitHub.

<p align="center"> <img alt="Cadastro" src=".github/login.png" width="100%"> </p>

Página de perfil

• Ver amigos (seguidores do GitHub);
• Ir até o perfil de amigos;
• Ver as comunidades que participa;
• Ir até a página da comunidade;
• Criar uma nova comunidade;
• Ver os recados recentes;
• Deixar novos recados;
• Fazer logout.

<p align="center"> <img alt="Cadastro" src=".github/profile.png" width="100%"> </p>

Página de amigos

• Ver todos seus amigos (seguidores do GitHub);
• Clicar em um amigo para ir até seu perfil;
• Clicar no link abaixo do username para ir até seu perfil no GitHub.

<p align="center"> <img alt="Cadastro" src=".github/friends.png" width="100%"> </p>

Página de perfil de amigo

• Ver as informações do amigo, incluindo seus amigos (seguidores do GitHub).
• Ver os amigos do amigo.

<p align="center"> <img alt="Cadastro" src=".github/friend-profile.png" width="100%"> </p>

Página de comunidades

• Ver todos as comunidades criadas;
• Clicar em uma comunidade para ir até sua página.

<p align="center"> <img alt="Cadastro" src=".github/communities.png" width="100%"> </p>

Página de comunidade

• Ver informações da comunidade;
• Participar da comunidade.

<p align="center"> <img alt="Cadastro" src=".github/community.png" width="100%"> </p>

Página de recados

• Ver todos os recados cadastrados.

<p align="center"> <img alt="Cadastro" src=".github/scraps.png" width="100%"> </p> <!-- _Veja o vídeo demonstrativo de todas as funcionalidades [Clique aqui](https://www.linkedin.com/feed/update/urn:li:activity:6822353102180507648/)_ -->

Como utilizar? 📌

Para utilizar o Alurakut, basta acessá-lo diretamente no seu navegador! Clique aqui

<!-- Para utilizar a aplicação em sua máquina é necessário ter os seguintes softwares instalados: - [Node.js](https://nodejs.org/pt-br/) Com os software citados acima instalados, basta seguir os seguintes passos para executar a aplicação em sua máquina: 1. **Clonar o projeto** <br> Abra o terminal em uma pasta de sua preferência e cole o seguinte código: _`git clone https://github.com/vinixiii/alurakut`_ 2. **Instalar as depêndencias** <br> Dentro do diretório do projeto, abra o terminal e cole o código: _`npm install`_ ou _`yarn`_ _Ou acesse o **Alurakut** no seu navegador! [Clique aqui](https://alurakut-vinixiii.vercel.app)_ -->

Tecnologias 🛠

Desenvolvido utilizando as seguintes tecnologias:

• React
• Next.js
• DatoCMS
• React-Toastify

---

<p align="center">Feito com ❤ por: Vinícius Figueiroa 🙋🏻‍♂️</p>