https://github.com/bc-fullstack-03/celio_amaral-frontend

Projeto de front-end para consumir api(back-end) restfull para o desenvolvimento de uma rede social na SysMap Excellence Full Stack Trainee 3ª edição.
https://github.com/bc-fullstack-03/celio_amaral-frontend

axios clsx-npm phosphor-icons react react-router-dom tailwind typescript vite

Last synced: 3 months ago
JSON representation

Projeto de front-end para consumir api(back-end) restfull para o desenvolvimento de uma rede social na SysMap Excellence Full Stack Trainee 3ª edição.

• Host: GitHub
• URL: https://github.com/bc-fullstack-03/celio_amaral-frontend
• Owner: bc-fullstack-03
• Created: 2023-05-19T22:52:56.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-24T19:46:40.000Z (about 3 years ago)
• Last Synced: 2025-07-19T07:58:01.324Z (about 1 year ago)
• Topics: axios, clsx-npm, phosphor-icons, react, react-router-dom, tailwind, typescript, vite
• Language: TypeScript
• Homepage:
• Size: 678 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
##  Parrot Social Network(Connect) 

- ### Front-End

Projeto de front-end para consumir api(back-end) restfull para o desenvolvimento de uma rede social na SysMap Excellence Full Stack Trainee 3ª edição.

  

    

    

    

    

  

 

 

--> React 18.2.0

 

--> Typescript 5.0.2

 

--> Tailwind 3.3.2

 

--> Vite 4.3.2

 

--> Other technologies: Radix UI React Slot / Swagger API / JWT (JSON Web Token) Authentication / Axios / react-router-dom / phosphor-icons / clsx / radix-ui / Dropzone

#### Running on machine:

Node.js/npm

[Back-end](https://github.com/bc-fullstack-03/Celio_Amaral-Backend) Java or [Back-end](https://github.com/coe-tech/backend) Node.js environment of the project configured and running.

Obs: The api used in the front-end was Node.js.

#### In front-end directory:

Install front-end dependencies:

npm install

#### start the front-end:

npm run dev

```bash

# Access browser url:

Web Application: http://localhost:5173

```

### Project:

#### Login:

![img1](https://github.com/bc-fullstack-03/Celio_Amaral-Frontend/blob/main/frontend/public/tela_login.png)

#### Post:

![img2](https://github.com/bc-fullstack-03/Celio_Amaral-Frontend/blob/main/frontend/public/tela_post.png)

#### Home:

![img3](https://github.com/bc-fullstack-03/Celio_Amaral-Frontend/blob/main/frontend/public/tela_home.png)

#### Profile:

![img4](https://github.com/bc-fullstack-03/Celio_Amaral-Frontend/blob/main/frontend/public/tela_profile.png)

#### Friends:

![img5](https://github.com/bc-fullstack-03/Celio_Amaral-Frontend/blob/main/frontend/public/tela_friends.png)

#### Project design in Figma:

[Figma](https://www.figma.com/file/vepLgESqoFwshCzJ5lqPkn/bootcamp-2?node-id=0-1&t=uspBdoBlOFzx5gUx-0)

## Author

- [@CelioAmaral](https://github.com/CelioAmaral)