Laravel Caro là một ứng dụng game Caro Online realtime đơn giản. Viết bởi @sethsandaru

Đây là một trong những dự án mà mình mong muốn implement từ lâu 🥰, dự định từ thời sinh viên nhưng đến nay mới rảnh rỗi để viết.

Với việc ra mắt Laravel Reverb khi Laravel 11 ra mắt, việc implement realtime nay lại dễ dàng hơn 🔥

• PHP 8.2+
• Laravel 11
• Laravel Reverb (WebSocket)
• MySQL
• Node 18+
• Vue 3 x TypeScript
• TailwindCSS FTW

Làm theo các bước sau đây: Setup

• Tạo tài khoản (thông qua đăng nhập Google)
• Tạo phòng
• Đợi người chơi thứ 2 vào phòng (thông qua URL hoặc rooms list)
• Đợi người chơi thứ 2 chuyển sang trạng thái "Sẵn Sàng"
• Chơi
• Kết quả sẽ được tính trên Backend

• Chatbox giữa 2 người chơi
• Chặn 2 đầu thì ko dc thắng
• Kick người chơi
• Bảng xếp hạng (ngày, tuần, tháng, năm)
• Lịch sử thi đấu
• Lịch sử từng nước đi
• Time limit (nếu sau x seconds mà ko đi thì mặc định thua)

• Tạo ra các reusable components (button, avatar,...)

Dành cho các bạn quan tâm học hỏi để tiếp thu thêm kiến thức + kinh nghiệm thực chiến với Laravel.

Tests là phần không thể thiếu trong các backend apps hiện nay. Project này cũng vậy.

Để học cách viết tests, hãy tham khảo thư mục tests

Project này bao gồm: Unit Tests và Feature Tests.

Note: cái quan trọng nhất là Logic Caro, dc test covered 100% 😎

Project này sử dụng GitHub Actions để chạy Continuous Integration (CI) process. Tham khảo thư mục .github/workflows để tìm hiểu thêm.

Workflow cơ bản:

• Pull project
• Setup dependencies
• Setup ENV
• Chạy tests
• Hoàn tất

Thay vì sử dụng Socialite của Laravel, mình viết 1 cái service đơn giản để login với Google.

Về cơ bản thì nó đơn giản, 2 external APIs call và hết. Không cần phải cài thêm package cho mệt.

Đúng vậy, khi ta stores Auth Token ở HTTPOnly Cookie, có thể ensure 100% là client không lấy + chỉnh sửa được.

Điều này khiến app của bạn dc secured hơn, mấy cái browser's extensions cũng ko thể lấy dc token

• Nếu bạn lưu trong localStorage/sessionStorage thì có thể.

Tất nhiên là cái gì cũng có trade-offs nhưng mình cảm thấy approach này phù hợp cho Laravel Caro app.

Đây là một sản phẩn Open Source để chia sẻ kiến thức theo MIT License.

Seth Phat 2024