Khám Phá Các Câu Kinh Quran
🌿 Giới thiệu về ứng dụng:
Ứng dụng Khám Phá Các Câu Kinh Quran là một ứng dụng React mang tính tâm linh, cho phép người dùng khám phá các câu Kinh Quran thông qua tìm kiếm ngôn ngữ tự nhiên, đọc và nghe những lời của Đấng Tối Cao.
📌 Động lực phát triển dự án
Nhiều ứng dụng Quran hiện có chỉ cho phép tìm kiếm theo từ khóa, nhưng rất ít ứng dụng cho phép truy vấn bằng ngôn ngữ tự nhiên, trả về chỉ các câu Kinh Quran. Ứng dụng này giúp lấp đầy khoảng trống đó, mang lại sự rõ ràng, tinh khiết và chiều sâu tâm linh.
🧭 Tổng quan ứng dụng
Ứng dụng Khám Phá Các Câu Kinh Quran được chia thành ba phần chính:
1. Tìm kiếm
Người dùng có thể hỏi bất cứ điều gì về Allah ﷻ, Hồi giáo hoặc Quran bằng cách sử dụng ngôn ngữ tự nhiên. Khác với nhiều nền tảng chỉ cho phép tìm kiếm từ khóa, ứng dụng này hiểu các câu hỏi đầy đủ và trả về các câu trả lời chỉ từ các câu Kinh Quran. Không có bình luận thêm - chỉ có câu trả lời thiêng liêng, trực tiếp từ nguồn.
2. Khám phá
Là cổng thông tin trực quan đến tất cả 114 surah. Mỗi thẻ surah mời bạn khám phá bản dịch tiếng Anh và nghe bài đọc. Chỉ với một cú nhấp chuột, bạn sẽ đắm chìm trong thông điệp và giai điệu của sự mặc khải. Khi bạn hoàn tất, chỉ cần đóng chế độ xem và tiếp tục hành trình của bạn qua Quran.
3. Giới thiệu
Phần này bao gồm: Một giới thiệu ngắn gọn về tôi. Chi tiết kỹ thuật về ứng dụng. Hệ thống phản hồi được hỗ trợ bởi Formspree, nơi bạn có thể chia sẻ ý kiến của mình. Tôi rất mong nhận được phản hồi từ bạn!
✨ Tính năng nổi bật
- Tìm kiếm ngôn ngữ tự nhiên được hỗ trợ bởi Nuclia
- Kết quả chỉ có câu để tập trung suy ngẫm
- Khám phá Surah với bản dịch và bài đọc
- Mẫu phản hồi thông qua Formspree
- Giao diện người dùng tinh tế với các thành phần KendoReact
🛠️ Công nghệ sử dụng
- Frontend: React, JavaScript, HTML, CSS
- Backend: Node.js server để kết nối an toàn với NucliaDB
- Công cụ tìm kiếm: NucliaDB cho việc truy xuất các câu Kinh Quran bằng ngôn ngữ tự nhiên
- Thu thập phản hồi: Tích hợp Formspree
- Hỗ trợ AI: Trợ lý lập trình Kendo AI (thông qua VSCode) và Microsoft Copilot cho việc thiết lập và khắc phục sự cố.
Kiến trúc này đảm bảo các tương tác nhanh chóng, an toàn và có ý nghĩa với nội dung Quran. Giao diện người dùng được thiết kế với tính khả dụng trong tâm trí, đảm bảo tính dễ đọc và dễ điều hướng cho tất cả người dùng.
📺 Demo
- Truy cập ứng dụng trực tiếp tại Render
- Kho lưu trữ Github cho ứng dụng này
- Video demo trên YouTube
- Ảnh chụp màn hình các chức năng của ứng dụng
✅ Đủ điều kiện tham gia thử thách
a) Thành phần KendoReact đã sử dụng
Ứng dụng này được xây dựng hoàn toàn bằng React và bao gồm đúng 10 thành phần KendoReact:
- AppBar: Hiển thị tên ứng dụng ở đầu mỗi trang
- TabStrip: Chứa ba tab chính
- Input: Nhận các truy vấn ngôn ngữ tự nhiên
- StackLayout: Hiển thị kết quả tìm kiếm
- Button: Dùng để tìm kiếm, gửi phản hồi, phát lại bài đọc và đóng chế độ xem
- Card: Đại diện cho mỗi surah trong phần Khám phá
- Avatar: Hiển thị ảnh của tôi trong phần Giới thiệu
- Loader: Spinner hiển thị trước khi bản dịch surah được tải
- PanelBar: Tổ chức các mục trong phần Giới thiệu
- TextArea: Cho phép người dùng gửi phản hồi
b) Sử dụng Kendo AI Coding Assistant
Kendo AI Coding Assistant và Microsoft Copilot đã hỗ trợ tôi trong suốt quá trình phát triển - từ việc sử dụng thành phần đến thiết lập backend. Bằng chứng về tích hợp và sử dụng có sẵn trong Kendo AI usage
c) Tích hợp Nuclia
NucliaDB cho phép tìm kiếm ngôn ngữ tự nhiên, trả về các câu Kinh Quran liên quan đến truy vấn của bạn. Bằng chứng về tích hợp và sử dụng có sẵn trong Nuclia integration
Đây là lần đầu tiên tôi tham gia hackathon - và là dự án đầu tiên của tôi ngoài chương trình học. Tôi đã rất thích thú khi xây dựng nó, học hỏi các công nghệ mới, giải quyết những vấn đề bất ngờ và phát triển qua từng thử thách. Mỗi giải pháp mang lại niềm vui, và mọi khoảnh khắc đều góp phần vào ký ức của tôi về nỗ lực chân thành. Tôi hy vọng mọi người sẽ khám phá ứng dụng của tôi và thử hệ thống tìm kiếm ít nhất một lần, hỏi bất cứ điều gì trong lòng bạn và nhận câu trả lời trực tiếp từ những lời của Đấng Từ Bi. Phản hồi của bạn sẽ có ý nghĩa rất lớn đối với tôi.
Cảm ơn đội ngũ tổ chức vì đã tạo ra một không gian nơi những người mới như tôi có thể bước vào thế giới dev. Cũng cảm ơn mọi người đã ủng hộ tôi trong suốt thử thách. Một điều tôi thích nhất là tinh thần giúp đỡ lẫn nhau. Và khi tôi gặp một vấn đề, những người khác đã phản hồi ngay lập tức. Có lẽ đó là vẻ đẹp thực sự của thế giới dev!
