Dashboard luyện học từ mới toeic (Vuejs + Python)

Project Structure

├── deployment                   // deploy với ansible, run api bằng docker
├── docker                       // run code dưới dạng container
├── src                          // run code dưới dạng container
│   ├── be_eng                     // project backend api (python Flask)
│   ├── fe_end                    // project frontend (Vuejs)
│   ├── reminder                // gửi thông báo nhắc nhở qua telegram

Các mành hình trong dashboard

Dashboard

• Hiển thị số từ vựng, quá trình học, tiến độ...
• Số ngày đăng nhập, số ngày bỏ lỡ
• Những lưu ý cần nhớ, từ vựng chưa nhớ...

1	2

Topic

• Từ vựng chia theo chủ đề. Hiện thị những từ mới thêm, từ khó lên ở cột bên phải
• Khi chọn một chủ đề sẽ hiển thị từ vựng ở dạng bảng có các chức năng để học như: chỉ hiển thị từ hoặc nghĩa, trộn lẫn, lọc những từ chưa có, thêm từ mới
• Chế độ luyện tập bằng hình thức chắc nhiệm 5 - 10p. Những từ sai sẽ tăng level và gửi qua telegram để nhắc nhở

Các chủ đề	Chi tiết	Test trắc nghiệm

Exam

• Lấy ngẫu nhiên các từ ở các chủ để thành bài kiểm tra 15p (Ưu tiên từ mới, level cao). Từ sai sẽ dc lưu lại gửi qua telegram

Build và deploy code

• Thay đổi thông tin tại file docker/.env (build 3 container: api, frontend, mongo)
• Chạy lệnh sau để build tại localhost:

set .env && docker-compose up -d --build

Deploy code lên host:

• Thay host tại file /deployment/hosts
• Chạy ansible để deploy + run container trên host:

ansible-playbook -i deployment/hosts deployment/site.yml -l dashboard -t dashboard -u {username}