szbeyda / comisbook-project

Comics Book Projesi

Bu proje, Comics Book platformunun home page tasarımını içermektedir. Projede HTML, CSS, JavaScript (ECMAScript 6+), React, SCSS, ve Redux gibi teknolojiler kullanılmıştır. Home page, main, navbar, news, upcoming, add module ve footer container yapılarını içermektedir.

Proje Detayları

• Teknolojiler:

  • HTML
  • CSS
  • JavaScript (ECMAScript 6+)
  • React
  • SCSS
  • Redux

• Projedeki Ana Yapılar:

  • Main Container
  • Navbar Container
  • News Container
  • Upcoming Container
  • Add Module Container
  • Footer Container

• NewsCard Bileşeni:

  • NewsCard, haber kartlarını göstermek için tasarlanmış bir React bileşenidir.
  • İçerisinde newslist bileşeninden gerekli verileri çekmek ve console'da görüntülemek için Redux/Store yapısı kullanılmıştır.

UI Tasarım - Figma

• ** Renk Skalası
  • Navbar Button bg-color : #372045 / rgba(55, 32, 69, 1)
  • Navbar-Tab Button bg-color : #F6FFA6 / rgba(246, 255, 166, 1)
  • Navbar bg-color : #D18CE0 / rgba(209, 140, 224, 1)
  • News Card bg-color : #35083F / rgba(53, 8, 63, 1)
  • Upcoming Released bg-color : #620C80 / rgba(98, 12, 128, 1)

Proje tasarımında, parlak sarı, koyu mor ve parlak mor tonları; kullanıcının çizgi roman deneyiminde dikkat çekici ve sürükleyici bir keşif yapabilmesi için uyum içinde kullanılmışıtr.

Figma tasarımına buradan ulaşabilirsiniz.