Skip to content

Open Source Project using Google Gemini API, React, Tauri

License

Notifications You must be signed in to change notification settings

Coder-Blue/zircon-app-op

Repository files navigation

Zircon App 0.2.4 Release:

MIT License React React Query React Router Chakra TailwindCSS Tauri Vite

Gói cần thiết

Nếu bạn không hứng thú với việc phát triển, bạn có thể tải trực tiếp sản phẩm tại đây:

Khuyến khích sử dụng

Giới thiệu dự án

  • Đây là một sản phẩm phụ trách mảng frontend của ứng dụng web Zircon.

  • Viết bằng JavaScript với framework React và các thư viện component giao diện để mang đến cho Zircon giao diện phần mềm gọn nhẹ gần gũi.

Giải thích cơ chế cơ bản

  • Zircon sẽ sử dụng Tauri để làm nền cho Desktop App của mình vì vốn được viết trong React - Web App.

  • Tauri vô cùng mượt, nhẹ, nhanh và dễ tùy chỉnh nên hãy yên tâm sử dụng.

Hướng dẫn sử dụng

  • Truy cập https://firebase.google.com/ để lấy cho mình các API Key theo hướng dẫn của Google. Rồi dán các API Key mà bạn được cung cấp bởi Google rồi dán vào các mục đánh dấu x như trong hình ảnh sau:

FirebaseScreenshot

  npm install
  • Và để localhost có thể được chạy hãy sử dụng lệnh sau:
  npm run tauri dev
  • Bạn có thể truy cập vào tính năng trả lời AI và nó có thể sẽ trông như thế này sau khi bạn đã đăng nhập tài khoản thành công:

HomeScreenshot

  • Và bạn có thể truy cập vào phần tra cứu từ điển, hình ảnh minh họa như sau:

TransScreenshot

  • Khi không muốn sử dụng thì bạn có thể sử dụng nút Close vào màn hình tauri đang chạy của bạn.

Tổng kết

  • Bạn có thể sử dụng mặc định hoặc thực hiện một số tùy chỉnh nếu bạn muốn thay đổi giao diện và tính năng miễn là bạn viết bằng React thông thạo Tauri với ngôn ngữ Rust theo hướng dẫn ở: https://tauri.app/v1/guides/.

  • Đây là dự án mã nguồn mở nên thoải mái thay đổi và cải tiến, nhưng hãy trích tác giả gốc Noah Trần như một sự tri ân. Như thế này: InfoScreenshot

Hỗ trợ

  • Bạn có thể nhận được sự hỗ trợ bằng các cách sau:

Tham gia máy chủ Discord của tôi: https://discord.gg/5Nmwm24dWV

Liên hệ qua Email: trananhquan1009@gmail.com

Liên hệ qua Facebook: Noah Trần