Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zidanidros/uas-dw
Chapter's Bookstore kelompok 6 - Tugas Besar UAS Design Web
https://github.com/zidanidros/uas-dw
books bootstrap5 college e-commerce-project store
Last synced: about 1 month ago
JSON representation
Chapter's Bookstore kelompok 6 - Tugas Besar UAS Design Web
- Host: GitHub
- URL: https://github.com/zidanidros/uas-dw
- Owner: ZIDANIDROS
- Created: 2023-12-16T20:39:29.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-25T16:31:19.000Z (11 months ago)
- Last Synced: 2024-02-25T17:38:53.582Z (11 months ago)
- Topics: books, bootstrap5, college, e-commerce-project, store
- Language: CSS
- Homepage: https://zidanidros.github.io/uas-dw/index.html
- Size: 805 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Team
Husein Zidan - 4522210012
Zahra Jane Arnecia - 4522210028
Lutfiah Rizka S - 4522210019
Yesi Agustin - 4522210023
# Product Profile
- Topik : Mempermudah akses pembelian buku dengan e-commerce Chapter’s Bookstore
- Judul Website: Chapter's Bookstore.com
- Deskripsi Konsep Web:
Chapter's Bookstore merupakan sebuah e-commerce seperti toko buku online yang menjual berbagai macam genre dan pilihan buku.
- Logo web :
# Inspirasi Kita
Gramedia.com
# Fitur Khusus
- Fitur search
- Pembelian Buku
- Fitur Recomendation
- Fitur Penilaian Pengguna
- Fitur Populer
- Fitur This New Story
# Tree
```bash
html
├── head
│ ├── meta
│ ├── meta
│ ├── title
│ ├── link (fontawesome)
│ ├── link (Bootstrap CSS)
│ └── link (custom CSS)
└── body
├── nav (navbar)
│ └── div
│ ├── h2 (Chapter's Bookstore)
│ ├── button (navbar-toggler)
│ └── div (navbar-collapse)
│ └── ul (navbar-nav)
│ ├── li (Home)
│ ├── li (Category)
│ ├── li (Genre)
│ ├── li (Contact us)
│ └── li (Sign in)
├── div (herosection)
│ └── div (herosection-items)
│ ├── div (row-1)
│ │ └── h1 (Chapter's)
│ ├── div (col-1)
│ │ └── h1 (Bookstore)
│ ├── div (row)
│ │ └── p (Chapter's Bookstore)
│ └── div (input-group)
│ └── div (search-container)
│ ├── input (search-input)
│ └── a (search-btn)
└── div (firstsection-fluid)
└── div (div1 row p-2)
├── div (book col-sm-3)
│ ├── div (row-1 mb-5)
│ │ ├── h3 (Book by Genre)
│ │ └── p (All Genres, Business)
│ └── div (row-2 mt-5)
│ ├── h3 (Recommendations)
│ └── p (Artist of the Month)
│
└── div.album.col-sm-8.col-sm-3
├── div.col
│ └── div.album.row.row-cols-1
│ ├── h2 (Recommended)
│ └── div.row.row-cols-1.row-cols-md-2.g-4
│ ├── div.col
│ │ └── div.card.mb-3
│ │ └── div.row.g-0
│ │ ├── div.col-md-4
│ │ │ └── img.img-fluid.rounded-start.rounded-end
│ │ └── div.col-md-8
│ │ └── div.card-body
│ ├── div.col
│ │ └── div.card.mb-3
│ │ └── div.row.g-0
│ │ ├── div.col-md-4
│ │ │ └── img.img-fluid.rounded-start.rounded-end
│ │ └── div.col-md-8
│ │ └── div.card-body
│ ├── div.col
│ │ └── div.card.mb-3
│ │ └── div.row.g-0
│ │ ├── div.col-md-4
│ │ │ └── img.img-fluid.rounded-start.rounded-end
│ │ └── div.col-md-8
│ │ └── div.card-body
│ └── div.col
│ └── div.card.mb-3
│ └── div.row.g-0
│ ├── div.col-md-4
│ │ └── img.img-fluid.rounded-start.rounded-end
│ └── div.col-md-8
│ └── div.card-body
├── div.album.row.row-cols-1.p-5.mt-5
├── h2 (This New Story)
└── div.row.row-cols-1.row-cols-md-2.g-4
├── div.col
│ └── div.card.mb-3
│ └── div.row.g-0
│ ├── div.col-md-4
│ │ └── img.img-fluid.rounded-start.rounded-end
│ └── div.col-md-8
│ └── div.card-body
├── div.col
│ └── div.card.mb-3
│ └── div.row.g-0
│ ├── div.col-md-4
│ │ └── img.img-fluid.rounded-start.rounded-end
│ └── div.col-md-8
│ └── div.card-body
├── div.col
│ └── div.card.mb-3
│ └── div.row.g-0
│ ├── div.col-md-4
│ │ └── img.img-fluid.rounded-start.rounded-end
│ └── div.col-md-8
│ └── div.card-body
└── div.col
└── div.card.mb-3
└── div.row.g-0
├── div.col-md-4
│ └── img.img-fluid.rounded-start.rounded-end
└── div.col-md-8
│ └── div.card-body
│
│
│
└── footer
└── div (container text-center)
└── div (footerisi row align-items-start)
├── div (col text-start d-flex flex-column)
│ ├── h5 (Chapter's Bookstore)
│ └── p (Find your favorite books...)
├── div (col)
│ └── div (container text-start)
│ └── div (col align-items-start)
│ ├── h5 (Contact us)
│ ├── p ([email protected])
│ ├── p (@chaptersbooks)
│ └── p (021-812-6634)
└── div (col5)
└── p (Chapter's Bookstore All Right Reserved, 2023)
```
# Tampilan Figma
- Desktop
- Mobile
- UI kit
