evento

evento

evento是一款漸進式 Web 應用程式 (PWA)，旨在透過以快速、高效的數位解決方案取代傳統的紙筆方法來簡化和現代化大學活動的出勤追蹤。

特徵

• 漸進式 Web 應用程式 (PWA) ：可安裝在任何裝置上並可離線訪問，提供類似於本機應用程式的無縫使用者體驗。
• 二維碼掃描：快速掃描學生證二維碼，即時記錄出席。
• 即時數據：即時更新和數據同步，提供準確、最新的考勤記錄。
• 使用者角色和權限：主管理員、輔助管理員和具有受限功能的官員的不同存取級別，以確保安全和正確的資料管理。
• 通知和警報：與出勤相關的事件和潛在問題的自訂通知。
• 響應式設計：完全響應式設計，確保在任何裝置上的可用性，包括桌上型電腦、平板電腦和智慧型手機。

截圖

莫諾雷波

安裝

若要安裝和使用evento ，請依照下列步驟操作：

1. 克隆儲存庫：

   git clone https://github.com/domsdano/events-attendance.git

2. 導航到專案目錄：

    cd evento

3. 安裝依賴項：

   npm install

4. 運行應用程式：

   npm start

5. 建構用於生產的應用程式：

   npm run build

6. 部署應用程式：按照您的首選方法將建置的應用程式部署到您的 Web 伺服器或託管服務。

用法

1. 登入：管理員和官員使用他們的憑證登入。
2. 掃描二維碼：使用內建二維碼掃描器掃描學生證以取得出席資訊。
3. 查看考勤記錄：存取和管理即時考勤資料。
4. 通知：接收與出勤相關的事件的警報和通知。
5. 使用者管理：管理使用者並指派適當的角色和權限。

使用的技術

• React ：用於建立使用者介面。
• Tailwind CSS ：用於設計應用程式的樣式。
• shadcn ：用於可存取的組件。
• Zustand ：用於狀態管理。
• React Query ：用於資料擷取和快取。
• Html5Qrcode ：用於二維碼掃描。
• React Toastify ：用於通知和警報。
• TypeScript ：為了類型安全和更好的開發人員體驗。
• Framer Motion ：用於平滑的動畫和過渡。

貢獻

歡迎為改進evento做出貢獻！如果您有任何想法、建議或錯誤報告，請提出問題或提交拉取請求。

1. 分叉儲存庫：

   git fork https://github.com/domsdano/events-attendance.git

2. 建立一個新分支：

   git checkout -b feature/your-feature-name

3. 提交您的更改：

   git commit -m " Add your commit message "

4. 推送到您的分店：

   git push origin feature/your-feature-name

5. 開啟拉取請求：描述您的變更並提交拉取請求以供審核。