https://github.com/cristian-sknz/tokyo-jihen

UI Clone do website da banda Tokyo Incidents. Foi usado React, Typescript e Styled Components
https://github.com/cristian-sknz/tokyo-jihen

react typescript ui-clone

Last synced: 3 months ago
JSON representation

UI Clone do website da banda Tokyo Incidents. Foi usado React, Typescript e Styled Components

• Host: GitHub
• URL: https://github.com/cristian-sknz/tokyo-jihen
• Owner: Cristian-Sknz
• Created: 2022-01-21T20:51:30.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-04-21T19:12:01.000Z (about 1 year ago)
• Last Synced: 2025-01-22T20:35:13.350Z (5 months ago)
• Topics: react, typescript, ui-clone
• Language: TypeScript
• Homepage: https://tokyo-jihen.vercel.app
• Size: 29.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tokyo Incidents

Um clone do Website da banda [Tokyo Jihen](https://tokyojihen.com/), utilizado para praticar as tecnologias de frontend com React e Styled Components (CSS in JS).

### Sobre

Decidi fazer um clone do Website pois achei a ideia genial! O design do site combina muito com a historia da banda, uma TV com varios canais (isso faz referência ao nome dos albums). Implementei o conteudo do site como se fosse um 'Mock', caso fosse preciso receber uma API com todos os conteudos, seria facil de adaptar para isso.

Decidi usar JSON para simular respostas de um backend ficticio e Markdown para textos e conteudos que não se adequadariam bem em JSON.

![Peek 2022-10-10 14-34](https://user-images.githubusercontent.com/61399406/194925677-a0c3ba8c-966d-43f3-bc62-3006e560fe43.gif)

Como o design do site é uma TV, cada canal é uma pagina do website, são elas:

- News

- Discography

  - Release

  - Single

  - Album

  - DvD / Blu-ray

  - Other

- Live

- Biography

  - 椎名林檎 (Sheena Ringo :heart:)

  - 亀田誠治 (Kameda Seiji)

  - 刄田綴色 (Hata)

  - 浮雲 (Ukigmo 🧹)

  - 伊澤一葉 (Izawa Ichiyō)

- Link

- Movie