Cristian-Sknz / tokyo-jihen

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

Home Page:https://tokyo-jihen.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tokyo Incidents

Um clone do Website da banda Tokyo Jihen, 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

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 ❤️)
    • 亀田誠治 (Kameda Seiji)
    • 刄田綴色 (Hata)
    • 浮雲 (Ukigmo 🧹)
    • 伊澤一葉 (Izawa Ichiyō)
  • Link
  • Movie

About

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

https://tokyo-jihen.vercel.app


Languages

Language:TypeScript 98.3%Language:HTML 1.7%