An open API service indexing awesome lists of open source software.

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


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

Last synced: 8 months ago
JSON representation

Awesome Lists containing this project

README

          


Sysmap Parrot


- [📺 Demo](#-demo)
- [🧾 Descrição](#-descrição)
- [📖 Features](#-features)
- [🔧 Tech stack](#-tech-stack)
- [🚀 Rodando o Backend](#-rodando-o-backend)
- [Clonando o repositório](#clonando-repositorio)
- [Instalando as dependências](#instalando-as-dependencias)
- [Rodando](#rodando)
- [🚀 Rodando o Frontend](#-rodando-o-frontend)
- [Clonando o repositório](#clonando-repositorio)
- [Instalando as dependências](#instalando-as-dependencias)
- [Rodando](#rodando)
- [👤 Desenvolvedora](#-desenvolvedora)



## 📺 Demo

https://github.com/bc-fullstack-03/thais-cavalcante-frontend/assets/94868398/8e955195-67a6-4807-8ce5-94055ed94afb

https://github.com/bc-fullstack-03/thais-cavalcante-frontend/assets/94868398/1cd0e278-11c0-45d6-be24-75a00ec15edb

https://github.com/bc-fullstack-03/thais-cavalcante-frontend/assets/94868398/777bb275-161a-4a9c-99a6-f6b8e773f872

![prints](https://github.com/bc-fullstack-03/thais-cavalcante-frontend/assets/94868398/ba2c2feb-eef7-44b1-8719-172a76c8e39b)



## 🧾 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
git@github.com: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
git@github.com: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](https://www.linkedin.com/in/thaispcavalcante/)