https://github.com/diegoreports/frontweek-spider

Projeto desenvolvido na semana #FRONTWEEK
https://github.com/diegoreports/frontweek-spider

frontend frontweek projeto-spider spiderman

Last synced: 18 days ago
JSON representation

Projeto desenvolvido na semana #FRONTWEEK

• Host: GitHub
• URL: https://github.com/diegoreports/frontweek-spider
• Owner: DiegoReports
• Created: 2021-02-09T15:08:30.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-02-11T15:14:24.000Z (over 4 years ago)
• Last Synced: 2025-03-28T09:42:56.698Z (7 months ago)
• Topics: frontend, frontweek, projeto-spider, spiderman
• Language: SCSS
• Homepage: https://diegoreports.github.io/FRONTWEEK-spider/
• Size: 14.1 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readMe.md

Awesome Lists containing this project

README

          
# 🕸️ [#FRONTWEEK] - PROJETO SPIDER-MAN - Miles Morales

____



  O Projeto •

  UI Concept •

  Tecnologias •

  O Front-End •

  Autor •





  

    

  

  

    

  





## O PROJETO

A proposta era desenvolver uma página com tema do novo Game do Spider. Para este objetivo nos concentramos em desenvolver a Ui Concept do projeto. Em seguida focamos na Codificação de Layout criado usando para isso as tecnologias mais atuais. Por fim, criamos as animações que compõe o MOTION Design.



## PREVIEW

### 💻 DESTOP:



  



### 📱 MOBILE:



  








## 🎨 UI Concept

Desenvolvemos a arte da página utilizando o FIGMA.


Link da arte desenvolvida em aula: UI Concept





## ⚙️ BIBLIOTECAS E TECNOLOGIAS

- SVG - Injection (Biblioteca)

- Sass (Pré-processador CSS)

- Tilt.js (Biblioteca)

- GreenSock - GSAP (Biblioteca)








## O FRONT-END

A codificação do projeto feito feito utilizando a IDE, VS Code, devido a sua facilidade de trabalhar com os plugins e extensões utéis que possui.

### Link da page: https://diegoreports.github.io/FRONTWEEK-spider/








## ✏️ AUTOR

A autoria do projeto original pertence ao professor Násser Yousef, que guiou a aula com excelente didática e deu todo suporte.

Como aluno, pude aprender os principios da criação de um projeto, desde a sua UI até a codificação e animações que tornam a interface amigável e fluida.

Desenvolvido por Diego Henrique