https://github.com/gahbr/rede-social-react

Rede Social em Full-stack | | Front-end (React.ts), Back-end (Node.js) e Mobile (React-Native)
https://github.com/gahbr/rede-social-react

frontend javascript project react reactjs social-network sysmap typescript

Last synced: 3 months ago
JSON representation

Rede Social em Full-stack | | Front-end (React.ts), Back-end (Node.js) e Mobile (React-Native)

• Host: GitHub
• URL: https://github.com/gahbr/rede-social-react
• Owner: Gahbr
• Created: 2023-05-16T13:45:32.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-24T15:44:31.000Z (about 2 years ago)
• Last Synced: 2024-12-29T14:51:55.736Z (5 months ago)
• Topics: frontend, javascript, project, react, reactjs, social-network, sysmap, typescript
• Language: TypeScript
• Homepage:
• Size: 91.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🦜**Parrot - FRONT-END**



 



## 🛣 Documentação 

  Para acessar a documentação das outras partes da aplicação, confira abaixo :

### __**Ambiente de Back-end da Aplicação**__ - [STATUS: Finalizado✅]  --> [Clique aqui](https://github.com/Gahbr/Rede-Social-Java-Spring)

### **__Ambiente de Mobile da Aplicação__** - [STATUS: Finalizado✅]  --> [Clique Aqui](https://github.com/bc-fullstack-02/Gabriel-Ribeiro/tree/main/mobile) 

 


## 💻 **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:[email protected])

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