Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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

```