MyDay - Ứng dụng quản lý lịch làm việc cá nhân

MyDay là một ứng dụng di động (React Native + Expo) giúp bạn tổ chức lịch làm việc, phân bổ thời gian tập trung và theo dõi các hoạt động cá nhân trong ngày.

Tính năng chính

• Bảng điều khiển tổng quan: hiển thị số lượng lịch, sự kiện sắp diễn ra và tổng thời gian tập trung.
• Quản lý lịch trình: tạo, chỉnh sửa, hoàn thành hoặc xóa các sự kiện chỉ với một vài thao tác.
• Nhóm theo ngày: các sự kiện được sắp xếp và nhóm theo ngày giúp bạn dễ dàng theo dõi.
• Lưu trữ cục bộ: dữ liệu được lưu trong AsyncStorage, đảm bảo tồn tại sau khi đóng ứng dụng.

Bắt đầu

1. Cài đặt phụ thuộc

npm install

2. Chạy ứng dụng bằng Expo

npm run start

Sau khi Expo khởi chạy, quét mã QR để mở ứng dụng trên thiết bị di động hoặc sử dụng trình giả lập Android/iOS.

Cấu trúc thư mục

├── App.js
├── app.json
├── assets
│   └── README.md
├── package.json
├── src
│   ├── components
│   │   ├── EventCard.js
│   │   ├── EventForm.js
│   │   └── MetricCard.js
│   ├── context
│   │   └── ScheduleContext.js
│   ├── hooks
│   │   └── useSchedule.js
│   ├── screens
│   │   └── DashboardScreen.js
│   └── utils
│       └── schedule.js

Kiến trúc & mở rộng

• ScheduleContext và hook useSchedule cung cấp trạng thái tập trung cho toàn bộ ứng dụng.
• Các hàm tiện ích trong src/utils/schedule.js giúp quản lý dữ liệu sự kiện và format thời gian.
• Có thể tích hợp thêm đồng bộ hóa đám mây hoặc lịch ngoài (Google, Outlook) bằng cách mở rộng hook useSchedule.

Kiểm thử

• Sử dụng ESLint để đảm bảo chất lượng mã nguồn:

npm run lint

Giấy phép

Dự án được cung cấp cho mục đích học tập và thử nghiệm.