강의

멘토링

커뮤니티

Programming

/

Full-stack

Xây dựng nền tảng cộng đồng bình chọn với React & FastAPI: Kiếm tiền thông qua hệ thống thanh toán!

Trong khóa học này, chúng ta sẽ thực hành từng bước về các tính năng xã hội như bình chọn thời gian thực, bình luận, lượt thích, v.v., sử dụng React và FastAPI, cũng như cách tích hợp các hệ thống thanh toán (KakaoPay, TossPay, v.v.) để kiếm tiền.

(2.7) 3 đánh giá

89 học viên

Độ khó Trung cấp trở lên

Thời gian Không giới hạn

  • dakgangjung123
React
React
MySQL
MySQL
Docker
Docker
REST API
REST API
FastAPI
FastAPI
React
React
MySQL
MySQL
Docker
Docker
REST API
REST API
FastAPI
FastAPI

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

2.7

5.0

JONG

100% đã tham gia

Khóa học này đã giúp tôi hiểu cách phát triển dịch vụ một cách tự nhiên từ giai đoạn hoàn thiện đến mở rộng.

Bạn sẽ nhận được điều này sau khi học.

  • Cách phát triển ứng dụng web full-stack bằng React và FastAPI

  • Triển khai nền tảng cộng đồng xã hội có chức năng bỏ phiếu, thích, bình luận.

  • Hệ thống xác thực JWT, đăng nhập & đăng ký người dùng

  • 결제 시스템 연동

  • Trải nghiệm toàn bộ quy trình của web service từ xây dựng môi trường phát triển dựa trên Docker, thiết kế DB, viết tài liệu API cho đến triển khai.

Cộng đồng bỏ phiếu, tự tay xây dựng từ frontend đến backend

Lần đầu tiên tôi nghĩ đến nền tảng bỏ phiếu này là vào mùa đông năm 2024.
Như các bạn đã biết, lúc đó xã hội Hàn Quốc đang xôn xao vì một sự kiện chính trị, và hậu quả là dư luận xung quanh việc có nên luận tội tổng thống hay không đã bị phân cực nghiêm trọng.

Trong lúc đó, tôi tình cờ biết đến một nền tảng bỏ phiếu nước ngoài có tên là Polymarket, và ở đó tồn tại một không gian nơi mọi người tham gia ẩn danh và chia sẻ ý kiến theo thời gian thực ngay cả về những chủ đề nhạy cảm như "tán thành hay phản đối luận tội".
Khi nhìn thấy điều đó, tôi chợt nghĩ:

"Chúng ta cũng có thể làm được điều này, phải không?"

Và như vậy nó đã bắt đầu.
Một nền tảng cộng đồng đơn giản nhưng ý nghĩa, nơi bạn có thể tạo chủ đề đang được quan tâm → chia sẻ → trao đổi ý kiến ẩn danh → và cùng nhau xem kết quả.

Tôi đã triển khai quy trình đó thành fullstack với React, FastAPI và Docker.
Một không gian nơi ý kiến của mọi người không biến mất mà được tích lũy để tạo nên ý nghĩa.
Một dự án vừa thiết thực về mặt kỹ thuật, vừa là thứ tôi cá nhân muốn tạo ra, tôi muốn hoàn thiện cùng với các bạn.


🎉 Cuối cùng đã ra mắt website demo!

https://talkandvote-demo.site/

Thảo luận và bình chọn tất cả ở một nơi! Hãy trải nghiệm ngay bây giờ.

Lưu ý

Chức năng thanh toán trên trang demo này sẽ thực hiện thanh toán thực tế và số tiền sẽ được rút.
Tuy nhiên, đây là thanh toán thử nghiệm và sẽ tự động được hủy trong một khoảng thời gian nhất định nên bạn có thể yên tâm. (Nếu không được hoàn tiền sau khoảng thời gian đó, vui lòng liên hệ qua bài viết câu hỏi.)

Xây dựng nền tảng cộng đồng bình chọn với React & FastAPI: Từ phát triển đến kiếm tiền với hệ thống thanh toán! Video YouTube

📘 Cung cấp ghi chú tóm tắt bài giảng cho học viên

Chúng tôi cung cấp tài liệu PDF tóm tắt bài giảng cho tất cả những người tham gia khóa học này.

Từ frontend đến backend, tôi đã đưa vào những giải thích chi tiết và mã ví dụ về những đoạn code bạn chưa biết.

Ghi chú Frontend (Tổng cộng 37 trang)

  • Tổng hợp ngữ pháp cơ bản JavaScript

  • Cách cấu trúc React Component

  • # Hướng dẫn sử dụng React Hooks trong thực tế (useState, useEffect, useContext, v.v.)

  • Mã style Tailwind CSS


# Ghi chú Backend (Tổng cộng 75 trang)

  • Cú pháp cơ bản Python và mã ví dụ

  • # Cấu trúc FastAPI, Cấu hình đường dẫn, Dependency Injection

  • Sơ đồ luồng xử lý xác thực dựa trên JWT / Refresh Token

  • # Thiết kế mô hình DB & Cấu trúc dữ liệu quan hệ

  • # Thiết kế API RESTful & Cấu trúc phản hồi


🧩 Xem trước các tính năng chính của nền tảng

"Vượt xa việc bỏ phiếu đơn thuần, hướng tới nền tảng cộng đồng tương tác"

1) Người dùng tự tạo chủ đề thảo luận

Người dùng có thể tạo topic về chủ đề mà họ tò mò.
Nhập chủ đề → Thêm lựa chọn → Chọn danh mục
Chỉ cần điền form đơn giản là một topic được tạo ra và chia sẻ với toàn bộ người dùng.

2) Xem biểu đồ bỏ phiếu theo thời gian thực sau khi bỏ phiếu

Kết quả bình chọn có thể được xem qua biểu đồ thanh thời gian thực được phản ánh ngay lập tức sau khi chọn. Được cấu trúc để bất kỳ ai cũng có thể tham gia chỉ với một cú nhấp chuột và so sánh kết quả một cách trực quan.

3) Tính năng thành viên thông qua chức năng thanh toán

Khi tự tay triển khai tích hợp với các hệ thống thanh toán trong nước như Toss, KakaoPay, bạn sẽ vượt xa việc chỉ đơn thuần xây dựng tính năng mà còn thiết kế được cấu trúc nền tảng có thể thương mại hóa.
Bạn sẽ trải nghiệm từ việc giới hạn số lượng topic được tạo theo cấp độ membership cho đến toàn bộ quy trình tạo ra doanh thu thực tế từ dịch vụ của chính mình.

4) Triển khai trang quản trị FastAPI

Bạn có thể quản lý tập trung toàn bộ dữ liệu người dùng, chủ đề và bình chọn trên trang quản trị FastAPI.
Các chức năng backoffice như thống kê bình chọn, chặn chủ đề bất thường, thay đổi trạng thái người dùng cũng sẽ được xây dựng trực tiếp.

Tạo website công ty của riêng bạn với React, Node.js, MongoDB: Hướng dẫn hoàn hảo

Nếu bạn muốn trải nghiệm từ A đến Z về phát triển web, tôi khuyên bạn nên tham gia khóa học này. Dựa trên React, Node.js, bạn có thể học được những kiến thức chuẩn mực về phát triển web bằng cách xây dựng một trang web hoàn chỉnh với blog và trang quản trị.

Nếu tôi đã ở trên tàu Titanic?! Tạo dịch vụ web AI dự đoán xác suất sống sót với PyTorch & Next.js

"Liệu tôi có thể sống sót nếu đã ở trên tàu Titanic?" - Chúng ta sẽ giải đáp câu hỏi thú vị này bằng dữ liệu thực tế.
Tạo mô hình AI với PyTorch, xây dựng backend server bằng FastAPI, phát triển giao diện web với Next.js, và hoàn thiện một dự án fullstack bao trùm cả AI và phát triển web.

Bạn có thắc mắc gì không?

💬 Q1. Khóa học này phù hợp với người ở trình độ nào?

Tôi đã từng học cơ bản về React và Python, nhưng chưa làm một dự án hoàn chỉnh nào.
Cần trình độ như thế nào để có thể theo kịp khóa học này?


A1. Khóa học này được thiết kế để bất kỳ ai đã từng thử nghiệm với React và Python cơ bản đều có thể theo dõi được. Vì chúng ta sẽ cùng xây dựng từ đầu đến cuối, nên những phần có thể gây nhầm lẫn về khái niệm đã được bổ sung chi tiết qua ghi chú PDF và chú thích code. Không cần phải ở trạng thái "hiểu hoàn hảo", mà chỉ cần "đã từng làm qua" là đủ, đây là mức độ khó vừa phải.

💬 Q2. Liệu tôi có thể tự mình theo học đến cùng không? Môi trường thực hành có khó không?

Dự án fullstack nên có vẻ hơi áp lực... Việc cài đặt môi trường hay quy trình thực hành có khó không? Liệu mình có thể tự hoàn thành đến cùng được không?


A2. Bạn hoàn toàn có thể theo kịp được. Chúng ta sẽ không bắt đầu quá phức tạp ngay từ đầu, mà cấu trúc React + FastAPI + Docker cũng được xây dựng từng bước một cách tuần tự.

Và phần có thể gây nhầm lẫn trong quá trình thực hành là

  • Ghi chú PDF được tổng hợp

  • Mã nguồn đầy đủ được cung cấp cho từng chương trong Notion

  • Hỏi đáp khi xảy ra lỗi

Đã chuẩn bị tất cả như thế này rồi.

"Thay vì đặt câu hỏi 'Liệu mình có thể làm được điều này một mình không?'
mục tiêu là chuyển sang 'Mình có thể mở rộng đến đâu từ đây?'"

💬 Q3. Chức năng thanh toán có thực sự thanh toán không? Hay chỉ có thể test thôi?

Bạn nói là sẽ tích hợp với Toss và KakaoPay... Tiền có thực sự bị trừ không?
Hay chỉ có thể thanh toán thử nghiệm thôi?


A3. Trong khóa học này, chúng ta sẽ sử dụng API của dịch vụ tích hợp PG trong nước có tên là I'mport (아임포트) để trực tiếp triển khai các phương thức thanh toán thực tế như thẻ tín dụng, Toss, KakaoPay, v.v.

Thực tế yêu cầu thanh toán sẽ được thực hiện và tiền cũng sẽ bị trừ.
Nhưng đừng lo lắng! Nếu chưa đăng ký kinh doanh thì thực tế bạn sẽ không nhận được tiền,
và sau một khoảng thời gian nhất định sẽ tự động được xử lý hủy thanh toán (hoàn tiền).

Lưu ý trước khi học

✅ Hệ điều hành (OS)

  • Khóa học này có thể thực hành trên tất cả các hệ điều hành dưới đây.

    • Windows 10 trở lên

    • macOS (bao gồm M1/M2)

    • Ubuntu 20.04 trở lên hoặc các hệ điều hành Linux khác

    • Khuyến nghị sử dụng môi trường phát triển dựa trên trình duyệt Chrome

📦 Hướng dẫn tài liệu học tập

# 📁 Định dạng tài liệu cung cấp

  • Tài liệu PDF bài giảng được tổng hợp (Frontend 37 trang / Backend 75 trang)

  • Ví dụ mã nguồn (Cung cấp liên kết Notion)


  • Cung cấp slide các công nghệ cốt lõi dựa trên PPT/văn bản

  • Nếu cần thiết, cung cấp tài liệu API và ReadMe đã sử dụng

📐 Dung lượng tài liệu và lưu ý

  • # Dung lượng PDF: Khoảng 1MB

  • Mã nguồn: Có thể sao chép trực tiếp từ Notion

  • Tất cả tài liệu là chia sẻ dành riêng cho học viên.

🔎 Kiến thức tiên quyết (nên có)

  • HTML/CSS, Cú pháp cơ bản JavaScript

  • � �nee{{ 11cn N� nf inrn 1er x1es �{-bier 1 brief -Ie-pia-� 1 1-enm - - ien� Bnceance - — — bran undress,

  • Kinh nghiệm sử dụng cú pháp Python và các hàm/lớp đơn giản

  • React, MySQL, Docker, REST API, FastAPI được sử dụng!

※ Mặc dù khóa học được thiết kế để ngay cả người mới bắt đầu hoàn toàn cũng có thể theo kịp,
chúng tôi khuyên bạn nên nắm vững cú pháp cơ bản trước.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Lập trình viên muốn thử tích hợp tính năng thanh toán (Kakao Pay, Toss Pay, v.v.) vào website

  • Những ai muốn trải nghiệm dự án full-stack kết hợp React và FastAPI.

  • Những ai muốn triển khai dịch vụ cộng đồng có sự tham gia của người dùng (như bình luận, thích, bình chọn, v.v.)

  • Người muốn nắm vững toàn bộ luồng của dịch vụ web bao gồm cả Docker và triển khai

Cần biết trước khi bắt đầu?

  • Khái niệm cơ bản của React (cấu trúc component, props/state, cách sử dụng hook cơ bản như useState, useEffect, v.v.)

  • Cấu trúc cơ bản của FastAPI (Định nghĩa router, xử lý yêu cầu/phản hồi)

  • Cơ bản về cú pháp Python (Sử dụng hàm, lớp, list/dictionary, v.v.)

Xin chào
Đây là

913

Học viên

46

Đánh giá

58

Trả lời

4.6

Xếp hạng

7

Các khóa học

Xin chào! Tôi là sinh viên đã tốt nghiệp khoa Khoa học máy tính tại Đại học Sogang và hiện đang chuẩn bị học lên cao học.

Hồi cấp ba, tôi tình cờ bắt đầu học phát triển web full-stack và tự động hóa giao dịch bằng Python, từ đó tôi đã trở nên say mê lập trình.

Sau đó, tôi đã tích lũy kinh nghiệm qua nhiều dự án và hoạt động gia sư lập trình khác nhau, đồng thời chia sẻ các kỹ năng và bí quyết của mình. Thông qua những trải nghiệm này, tôi đang nỗ lực tạo ra những bài giảng có thể giúp ngay cả những người mới bắt đầu tiếp cận với lập trình cũng cảm thấy rằng "Hóa ra nó có thể dễ dàng đến thế!".

Tôi hy vọng có thể hỗ trợ việc học của các bạn thông qua những ví dụ thực tiễn và lời giải thích gần gũi. Xin cảm ơn.

Truy cập kho lưu trữ GitHub (Nhấp vào đây!)

Chương trình giảng dạy

Tất cả

64 bài giảng ∙ (17giờ 17phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

3 đánh giá

2.7

3 đánh giá

  • artline1412님의 프로필 이미지
    artline1412

    Đánh giá 8

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    100% đã tham gia

    Khóa học này đã giúp tôi hiểu cách phát triển dịch vụ một cách tự nhiên từ giai đoạn hoàn thiện đến mở rộng.

    • dakgangjung123
      Giảng viên

      JONG님, cảm ơn bạn vì đánh giá quý báu! Mình rất vui vì luồng từ hoàn thiện dịch vụ đến mở rộng đã được truyền đạt tốt. Mình sẽ đáp lại bằng những bài giảng tốt hơn nữa!

  • griotold님의 프로필 이미지
    griotold

    Đánh giá 33

    Đánh giá trung bình 4.9

    2

    30% đã tham gia

    Haa... Phần 5. Ch.4 (Frontend) tôi đang làm trang chính. Vì bài giảng và tài liệu giảng khác nhau nên tôi đang rất vất vả để sửa bug. Có vẻ như đã upload bài giảng mà không kiểm tra nên rất tiếc. Đây không phải là bài giảng miễn phí mà phải trả tiền để nghe, nên tôi nghĩ chất lượng như thế này hơi không ổn. Mong rằng nội dung bài giảng và tài liệu giảng có thể được đồng bộ với nhau.

    • dakgangjung123
      Giảng viên

      Xin chào, cảm ơn bạn đã để lại đánh giá quý báu. Chúng tôi chân thành xin lỗi vì sự bất tiện mà bạn gặp phải ở phần trang chủ frontend trong Section 5, nơi nội dung bài giảng và tài liệu không khớp nhau. Chúng tôi đã xác nhận và khắc phục các lỗi cũng như vấn đề không nhất quán xảy ra trong phần đó, đồng thời đang xem xét lại toàn bộ khóa học một cách tỉ mỉ. Chúng tôi sẽ cải thiện để bài giảng và tài liệu khớp nhau chính xác hơn, tránh gây nhầm lẫn trong quá trình học tập. Chân thành cảm ơn bạn đã chịu đựng sự bất tiện và vẫn để lại ý kiến quý báu. Chúng tôi sẽ đáp lại bằng những bài giảng tốt hơn. Cảm ơn bạn.

  • farmerkyh2857님의 프로필 이미지
    farmerkyh2857

    Đánh giá 6

    Đánh giá trung bình 4.3

    1

    19% đã tham gia

    Thật tốt nếu bài giảng không chỉ đơn thuần đọc script mà giải thích rõ ràng quy trình

    • dakgangjung123
      Giảng viên

      Xin chào, cảm ơn bạn đã để lại đánh giá quý báu. Như bạn đã đề cập, thay vì chỉ đơn thuần đọc theo kịch bản, tôi đáng lẽ phải giải thích quá trình và lý do một cách rõ ràng hơn, xin lỗi vì những điểm còn thiếu sót. Từ nay tôi sẽ bổ sung để các bạn có thể hiểu được luồng và nguyên lý một cách dễ dàng hơn. Chân thành cảm ơn bạn đã góp ý, tôi sẽ đáp lại bằng những bài giảng tốt hơn. Cảm ơn bạn!

1.586.480 ₫

Khóa học khác của dakgangjung123

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!