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.
-
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.
- ** 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.