Skip to content

hisu87/Web-Starbuck-Clone-Remake

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

☕ Web-Starbuck-Clone-Remake

Starbucks Coffee Animation

🌟 Web-Starbuck-Clone-Remake là dự án mô phỏng giao diện website của Starbucks, được xây dựng nhằm thực hành layout, responsive, hiệu ứng động và tối ưu trải nghiệm người dùng bằng HTML, CSS, JavaScript.


✨ Tính năng nổi bật

  • 🎨 Giao diện giống Starbucks – thiết kế hiện đại, chuyên nghiệp
  • 📱 Responsive – hiển thị đẹp trên mọi thiết bị
  • 🖱️ Hiệu ứng động mượt mà với CSS & JavaScript
  • 📋 Menu, banner, sản phẩm, footer đầy đủ
  • 🚀 Tối ưu mã nguồn – dễ dàng mở rộng, chỉnh sửa

🗂️ Cấu trúc dự án

Web-Starbuck-Clone-Remake/
 ├── assets/
 │    ├── images/         # Hình ảnh giao diện
 │    ├── css/            # File CSS
 │    └── js/             # File JavaScript
 ├── index.html           # Trang chủ
 ├── ...                  # Các trang phụ (nếu có)
 └── README.md

⚙️ Công nghệ sử dụng

  • HTML5
  • CSS3
  • JavaScript
  • Responsive
  • Modern UI

🚀 Bắt đầu sử dụng

  1. Clone dự án

    git clone https://github.com/hisu87/Web-Starbuck-Clone-Remake.git
    cd Web-Starbuck-Clone-Remake
  2. Chạy trực tiếp

    • Mở index.html bằng trình duyệt yêu thích (Chrome, Edge,...)
    • Không cần cài đặt thêm!

🎬 Minh họa giao diện

Demo


📝 Hướng dẫn sử dụng

  • Nhấn vào các menu để chuyển trang, xem sản phẩm
  • Trải nghiệm hiệu ứng hover, chuyển động mượt mà
  • Dễ dàng chỉnh sửa nội dung, hình ảnh trong thư mục assets

🤝 Đóng góp

Mọi đóng góp đều được hoan nghênh! Hãy gửi Issue hoặc Pull Request để cải thiện dự án.


📄 License

Phát hành theo MIT License.


🙏 Cảm ơn

  • Dựa trên ý tưởng giao diện Starbucks
  • Cảm ơn các tác giả ảnh, icon mã nguồn mở

Thank you



☕ Web-Starbuck-Clone-Remake (English)

Starbucks Coffee Animation

🌟 Web-Starbuck-Clone-Remake is a remake project simulating the Starbucks website interface, aimed at practicing layout, responsive design, smooth effects, and user experience optimization with HTML, CSS, and JavaScript.


✨ Main Features

  • 🎨 Starbucks-like interface – modern and professional layout
  • 📱 Responsive – optimized for all devices
  • 🖱️ Smooth CSS & JS animations
  • 📋 Full menu, banners, product sections, and footer
  • 🚀 Clean, maintainable code – easy to expand or customize

🗂️ Project Structure

Web-Starbuck-Clone-Remake/
 ├── assets/
 │    ├── images/         # UI images
 │    ├── css/            # CSS files
 │    └── js/             # JavaScript files
 ├── index.html           # Homepage
 ├── ...                  # Additional pages (if any)
 └── README.md

⚙️ Technologies Used

  • HTML5
  • CSS3
  • JavaScript
  • Responsive
  • Modern UI

🚀 Getting Started

  1. Clone the repository

    git clone https://github.com/hisu87/Web-Starbuck-Clone-Remake.git
    cd Web-Starbuck-Clone-Remake
  2. Run directly

    • Open index.html with your favorite browser (Chrome, Edge, etc.)
    • No extra installation required!

🎬 Demo

Demo


📝 Usage

  • Click menu items to explore pages and products
  • Enjoy hover and animation effects
  • Easily customize content or images in the assets directory

🤝 Contribution

All contributions are welcome! Please submit Issues or Pull Requests to help improve the project.


📄 License

Released under the MIT License.


🙏 Thanks

  • Inspired by Starbucks website UI
  • Thanks to open-source creators of images and icons

Thank you

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors