DEV Community

Cover image for Dự án cuối cùng - Final Project
Huy Dang
Huy Dang

Posted on • Updated on

Dự án cuối cùng - Final Project

1.Ý tưởng

  • Muốn tạo ra một website tĩnh chứa các thông tin của đám cưới bản thân để có thể dễ dàng chia sẻ với bạn bè và người thân thay vì phải sử dụng thiệp cưới giấy truyền thống.
  • Dự án cuối cùng trước khi chào tạm biệt sự độc thân.
  • Sử dụng các kiến thức đã học và theo suốt quá trình làm việc như: html, css để xây dựng website tĩnh, Google Cloud -> cụ thể trong lần này sẽ là Google Cloud storage để lưu trữ nhằm tiết kiệm chi phí nhất. Ngoài ra có sử dụng Cloudflare để thiết lập Https và Github để lưu và chia sẻ code. Các công nghệ trên đa số khá quen thuộc với những người làm trong nghành IT ngay từ những bước đầu.

2.Kiến trúc tổng quan và có thể mở rộng nếu tương lai muốn làm gì thêm

Image description

==============================================

Source code gốc mình lấy trên internet:
https://htmlcodex.com/free-wedding-website-template/

Video mình đã xem và cấu hình thành công: https://youtu.be/cwlinqDqFng

Source code đã chỉnh sửa: https://github.com/huydanggdg/huyoanhwedding.com

3.Thiết lập Google domain trên Googler search console
Để có thể đặt tên www.huyoanhwedding.com cho bucket trên Google Cloud bạn cần thực hiện cấu hình sau trên https://search.google.com/search-console:

Image description

Image description

4.Thiết lập Google cloud storage

Image description

Image description

Mở public cho Google cloud storage

Image description

Image description

Nếu bạn không quá chú trọng vào tốc độ tải thì hoàn toàn có thể chọn các region sau thay vì chọn Singapore như mình:

Image description

5.Thiết lập Cloudflare
Các bạn có thể xem các cấu hình mình đã làm dưới đây:

Image description

Image description

Image description

6.Kết quả
Website: https://www.huyoanhwedding.com/
Chi phí mua tên miền 6$/ năm
Chi phí Google Cloud cho GCS: 10.000 VND/ tháng

Image description

Image description

Sử dụng google analytics để theo dõi số lượt truy cập:

Image description

Sử dụng các phần mềm chỉnh sửa video như capcut, tiktok để tạo nên các video thú vị:
https://youtu.be/CSBE8f_DFuE

Ngoài ra có 1 cách dễ hơn là sử dụng github pages cũng có thể tạo được nhé: https://huydanggdg.github.io/huyoanhwedding.com/
Một mẫu demo khác mọi người có thể tham khảo (nguồn mình lấy của 1 anh trên J2team): https://huydanggdg.github.io/huydanggdg-huyoanhwedding.com2/

Mọi thắc mắc và câu hỏi có thể liên hệ mình qua: https://www.linkedin.com/in/huydanggdg/

Top comments (0)