https://github.com/bc-fullstack-03/gabriel-ribeiro-frontend

Projeto Final Sysmap Front-End (React) | | Status: Finalizado
https://github.com/bc-fullstack-03/gabriel-ribeiro-frontend

frontend javascript react reactjs sysmap typescript

Last synced: 3 months ago
JSON representation

Projeto Final Sysmap Front-End (React) | | Status: Finalizado

• Host: GitHub
• URL: https://github.com/bc-fullstack-03/gabriel-ribeiro-frontend
• Owner: bc-fullstack-03
• Created: 2023-05-21T17:38:35.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-24T15:23:49.000Z (about 3 years ago)
• Last Synced: 2025-02-25T19:34:04.815Z (over 1 year ago)
• Topics: frontend, javascript, react, reactjs, sysmap, typescript
• Language: TypeScript
• Homepage:
• Size: 71.3 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🦜**Parrot - FRONT-END**



 



## 💻 **Sobre o projeto**

 Projeto final do Programa Trainee SysMap de Excelência Full Stack | 3ª edição e trata-se do módulo de front-end de uma rede social feita em React com Typescript

 

## 🧰 **Tecnologias utilizadas**

* Typescript

* React.js

* Radix UI

* Tailwind CSS

* Swagger API

* JWT (JSON Web Token) Authentication

## 🛣 **Rotas**

  ### **Página para fazer autenticação de usuário**

  ### ``` GET / ```

  ### **Página principal**

  ### ``` GET /HOME ```

  ### **Ver seus amigos adicionados**

  ### ``` GET /FRIENDS```

  ### **Seu perfil**

  ### ``` GET /PROFILE ```

###  




## **👩‍💻 Instalação**

 Para poder rodar este projeto, você deverá ter os seguintes programas instalados:

 - Node.js

 - npm

 - Ambiente de [Back-end](https://github.com/bc-fullstack-03/Gabriel-Ribeiro-Backend) da Rede social configurado e rodando 

  

  ### Insira os comandos abaixo no terminal

 ### ```npm i``` 

 

 ### ```npm run dev```

 


## 🎨**Design**

### Login

![Bootcamp Sysmap - Parrot1](https://user-images.githubusercontent.com/80289718/207448820-ba841c1b-e835-4a19-8e34-2ecfed327e0d.png)

### Feed

![feed](https://github.com/Gahbr/Rede-Social-React/assets/80289718/6e8427c8-8fee-4a58-8973-7e008fb5ba86)

### Post

![post_detail](https://github.com/Gahbr/Rede-Social-React/assets/80289718/400cd96a-a172-4967-aa89-b889e373e3fe)

### Página de amigos

![friends_page](https://github.com/Gahbr/Rede-Social-React/assets/80289718/28ac2ef7-7505-48b8-b439-6b3753e18ca9)

### Perfil

![edit_profile](https://github.com/Gahbr/Rede-Social-React/assets/80289718/c4ef366a-8688-40d1-b5bf-e6cf8c54b192)

### Para acessar o Design no Figma, clique no link: [Figma](https://www.figma.com/file/vepLgESqoFwshCzJ5lqPkn/bootcamp-2?node-id=0%3A1&t=4Xz04BTRIDXUrVZl-0)




## :construction: Status 

 ### __**Ambiente de Front-end da Aplicação**__ - [STATUS: Finalizado✅]  

 

## 🦸 Autor



 

 


 Gabriel Ribeiro 

 


[![Linkedin Badge](https://img.shields.io/badge/-Gabriel-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/gabriellribeiro1/)](https://www.linkedin.com/in/gabriellribeiro1/)

[![Yahoo!](https://img.shields.io/badge/Yahoo!-6001D2?style=flat-square&logo=Yahoo!&logoColor=white)](mailto:gabriell.ribeiro@yahoo.com)

[![GitHub](https://img.shields.io/badge/Gahbr-%23121011.svg?style=flat-square&logo=github&logoColor=white)](https://github.com/Gahbr)