Sysmap Parrot

• 📺 Demo
• 🧾 Descrição
• 📖 Features
• 🔧 Tech stack
• 🚀 Rodando o Backend
  • Clonando o repositório
  • Instalando as dependências
  • Rodando
• 🚀 Rodando o Frontend
  • Clonando o repositório
  • Instalando as dependências
  • Rodando
• 👤 Desenvolvedora

📺 Demo

Demo.1.mp4

Demo.2.mp4

Demo.mobile.mp4

🧾 Descrição

Projeto Frontend - Programa Trainee SysMap de Excelência Full Stack.

Objetivo: Desenvolver uma aplicação frontend para rede social Sysmap Parrot.

📖 Features

• Responsividade das páginas;
• Criação Usuário;
• Login de Usuário;
• Detalhes do Usuário;
• Atualizar senha de Usuário;
• Paginação de feed;
• Criação de Post;
• Like de Post;
• Remover like de Post;
• Remoção de Post;
• Atualização de Post;
• Listagem de amigos;
• Listagem de Following;
• Listagem de Followers;
• Seguir Perfil;
• Criação de Comentário;
• Remoção de Comentário;
• Like de Comentário;
• Remover like de Comentário.

🔧 Tech stack

• TypeScript
• ReactJS
• Tailwind CSS
• Axios
• React Router
• Radix Ui
• Phosphor Icons

🚀 Rodando o Backend

Para esse projeto foi utilizado o seguinte backend:

https://github.com/coe-tech/backend

Clonando o repositório

## SSH
https://github.com/coe-tech/backend.git

## HTTPS
[email protected]:coe-tech/backend.git

## GitHub CLI
gh repo clone coe-tech/backend

Instalando as dependências

npm install

Rodando

docker compose up 

🚀 Rodando o Frontend

Clonando o repositório

## SSH
[email protected]:bc-fullstack-03/thais-cavalcante-frontend.git

## HTTPS
https://github.com/bc-fullstack-03/thais-cavalcante-frontend.git

## GitHub CLI
gh repo clone bc-fullstack-03/thais-cavalcante-frontend

Instalando as dependências

npm install

Running

npm run dev

👤 Desenvolvedora

Thais Cavalcante