Xây dựng Ứng dụng Web Tiến bộ trong 48 giờ Sử dụng AI

Giới thiệu về Dự án

Frederik, một freelancer toàn thời gian, chia sẻ kinh nghiệm xây dựng ứng dụng web tiến bộ chỉ trong 48 giờ sử dụng AI. Dự án được xây dựng bằng Vanilla JavaScript và Cơ sở dữ liệu Firebase. Trong bài viết này, chúng ta sẽ tìm hiểu cách Frederik tiếp cận dự án, công cụ mà anh sử dụng, và những thách thức mà anh đã gặp phải.

Học lập trình và Sử dụng AI

Frederik là một nhà thiết kế UX/UI và web designer muốn học cách lập trình. Anh đã chọn sử dụng Scrimber V2, một công cụ cho phép trải nghiệm học thực hành. Với Scrimber V2, Frederik đã học cách lập trình trong Vanilla JS và thiết lập cơ sở dữ liệu Firebase. Anh đã sử dụng AI để xây dựng ứng dụng, giúp anh nhanh chóng tạo mã và tập trung vào thiết kế và chức năng.

Đây là bức ảnh chụp màn hình ban đầu của dự án

Ý tưởng và Thiết kế

Ý tưởng đằng sau ứng dụng là tạo một nền tảng cho Frederik và bạn bè anh theo dõi điểm số và kết quả của trò chơi padle. Ứng dụng phải được xây dựng bằng Vanilla JS và sử dụng cơ sở dữ liệu Firebase thời gian thực. Thiết kế được tạo bằng Figma, và ứng dụng phải hoạt động và dễ sử dụng.

Xây dựng Ứng dụng

Frederik đã sử dụng Scrimber V2 để tạo mã ban đầu và sau đó triển khai nó trong VS Code. Anh đã thêm thiết kế và chức năng, bao gồm màn hình chính, chi tiết trận đấu, và trang hồ sơ người chơi. Ứng dụng cũng bao gồm bảng điều khiển quản trị, nơi Frederik có thể thêm các trận đấu mới và cập nhật điểm số.

Đây là bức ảnh chụp màn hình của Scrimber V2 và VS Code

Thách thức và Giải pháp

Frederik đã gặp một số thách thức trong quá trình phát triển, bao gồm việc triển khai trang hồ sơ người chơi và thêm estilo. Anh đã sử dụng AI để tạo mã và sau đó sửa đổi nó để phù hợp với nhu cầu của mình. Anh cũng đã phải giải quyết một số vấn đề với ứng dụng, nhưng总体来说，开发过程相对顺利。

Đây là bức ảnh chụp màn hình của trang hồ sơ người chơi

Kết luận và Kế hoạch Tương lai

Tóm lại, Frederik đã thành công trong việc xây dựng ứng dụng web tiến bộ trong 48 giờ sử dụng AI. Ứng dụng hoạt động và dễ sử dụng, và Frederik dự định tiếp tục cải thiện nó. Anh khuyến khích người xem like và subscribe kênh của anh để xem thêm nội dung và cho anh biết họ muốn xem loại nội dung nào trong tương lai.

Đây là bức ảnh chụp màn hình cuối cùng của ứng dụng