Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sewlz/breadclone
BreadClone is a front-end project serves as an educational resource, providing a sample frontend design for a bakery website.
https://github.com/sewlz/breadclone
css front-end-development html5 javascript
Last synced: about 20 hours ago
JSON representation
BreadClone is a front-end project serves as an educational resource, providing a sample frontend design for a bakery website.
- Host: GitHub
- URL: https://github.com/sewlz/breadclone
- Owner: Sewlz
- Created: 2024-04-12T06:25:02.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-09-15T13:24:47.000Z (2 months ago)
- Last Synced: 2024-09-15T14:51:31.333Z (2 months ago)
- Topics: css, front-end-development, html5, javascript
- Language: HTML
- Homepage: https://sewlz.github.io/BreadClone/dev-data/home/Home.html
- Size: 83 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BreadClone FrontEnd Bakery Site
Welcome to BreadClone FrontEnd Bakery Site! Based on BreadTalkVietNam Bakery Site. This project serves as an educational resource, providing a sample frontend design for a bakery website. Please note that this project is intended for educational purposes only.
## Purpose
The purpose of this project is to demonstrate frontend development skills in creating a bakery website interface. It showcases various frontend technologies and design principles commonly used in web development.
## Technologies Used
- HTML5
- CSS3
- JavaScript## Disclaimer
This project is created solely for educational purposes. It is not associated with any real bakery business, and the products and information provided are fictional. Any resemblance to real businesses is purely coincidental.
## Credits
Feel free to use and modify the code for learning and educational purposes.
## Project Tree
```
BreadClone
├─ .vscode
│ └─ settings.json
├─ data
│ ├─ blog-data
│ │ ├─ blog.json
│ │ ├─ news.json
│ │ └─ promotion.json
│ ├─ location-data
│ │ ├─ quan_huyen.json
│ │ ├─ tinh_tp.json
│ │ └─ xa_phuong.json
│ ├─ home-data
│ │ ├─ homeProduct.json
│ │ ├─ review.json
│ │ ├─ slide-banner.json
│ │ └─ topProducts.json
│ ├─ Product-data
│ │ └─ product.json
│ └─ storeLocation-data
│ └─ storeLocation.json
├─ dev-data
│ ├─ aboutUs
│ │ ├─ aboutUs.css
│ │ ├─ aboutUs.html
│ │ └─ aboutUs.js
│ ├─ blog
│ │ ├─ blog.css
│ │ ├─ blog.html
│ │ └─ blog.js
│ ├─ Buns
│ │ ├─ buns.css
│ │ ├─ buns.html
│ │ └─ buns.js
│ ├─ cart
│ │ ├─ cart.css
│ │ ├─ cart.html
│ │ └─ cart.js
│ ├─ checkOut
│ │ ├─ checkout.css
│ │ ├─ checkout.html
│ │ └─ checkout.js
│ ├─ chinhsachbaomat
│ │ ├─ baomat.css
│ │ └─ baomat.html
│ ├─ ChiTietSanPham
│ │ ├─ chitietsanpham.css
│ │ ├─ chitietsanpham.html
│ │ └─ chitietsanpham.js
│ ├─ contact
│ │ ├─ contact.css
│ │ ├─ contact.html
│ │ └─ contact.js
│ ├─ footer
│ │ ├─ footer.css
│ │ ├─ footer.html
│ │ └─ footer.js
│ ├─ home
│ │ ├─ Home.css
│ │ ├─ Home.html
│ │ └─ Home.js
│ ├─ login
│ │ ├─ login.css
│ │ ├─ login.html
│ │ └─ login.js
│ ├─ menu
│ │ ├─ menu.css
│ │ └─ menu.js
│ ├─ news
│ │ ├─ news.css
│ │ ├─ news.html
│ │ └─ news.js
│ ├─ policy
│ │ ├─ policy.css
│ │ └─ policy.html
│ ├─ profile
│ │ ├─ profile.css
│ │ ├─ profile.html
│ │ └─ profile.js
│ ├─ purchasePolicy
│ │ ├─ purchasePolicy.css
│ │ └─ purchasePolicy.html
│ ├─ question
│ │ ├─ question.css
│ │ └─ question.html
│ ├─ recruitment
│ │ ├─ recruitment.css
│ │ └─ recruitment.html
│ ├─ register
│ │ ├─ register.css
│ │ ├─ register.html
│ │ └─ register.js
│ ├─ SanPham
│ │ ├─ sanpham.css
│ │ ├─ sanpham.html
│ │ └─ sanpham.js
│ └─ storeLocation
│ ├─ storeLocation.css
│ ├─ storeLocation.html
│ └─ storeLocation.js
├─ public
│ └─ imgs
│ ├─ aboutUs
│ ├─ footer
│ ├─ home
│ │ ├─ news
│ │ ├─ productList
│ │ ├─ topProduct
│ ├─ SanPham
│ │ ├─ buns
│ │ ├─ cakes
│ │ ├─ cakeslices
│ │ ├─ cookies
│ │ ├─ drinks
│ │ ├─ drycakes
│ │ ├─ flossspecials
│ │ ├─ puddings
│ │ ├─ sandwiches
│ │ ├─ savory
│ │ ├─ seasonalspecials
│ │ ├─ sweet
│ │ └─ toasts
│ ├─ sliders
│ └─ storeLocation
└─ README.md```