Khóa luận xây dựng ứng dụng ghi chú, quản lý tiến độ công việc cá nhân và nhóm

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐẶNG DUY BẰNG NGUYỄN NHỰT TÂN KHOÁ LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG GHI CHÚ, QUẢN LÝ TIẾN ĐỘ CƠNG VIỆC CÁ NHÂN VÀ NHĨM NOTES TAKING AND TASKS TRACKING MANAGEMENT APPLICATION KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2023 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐẶNG DUY BẰNG - 19521234 NGUYỄN NHỰT TÂN - 19520923 KHOÁ LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG GHI CHÚ, QUẢN LÝ TIẾN ĐỘ CÔNG VIỆC CÁ NHÂN VÀ NHÓM NOTES TAKING AND TASKS TRACKING MANAGEMENT APPLICATION KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN: THS THÁI THUỴ HÀN UYỂN TP HỒ CHÍ MINH, 2023 THƠNG TIN HỘI ĐỒNG CHẤM KHỐ LUẬN TỐT NGHIỆP Hội đồng chấm khoá luận tốt nghiệp, thành lập theo Quyết định số……………… ……………… ngày …………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin – Đại học Quốc gia Thành phố Hồ Chí Minh ……………………………… – Chủ tịch …………………….………… – Thư ký ……………………………… – Ủy viên …………………….………… – Ủy viên ĐHQG TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày…tháng…năm 2023 NHẬN XÉT KHOÁ LUẬN TỐT NGHIỆP (Của cán hướng dẫn) Tên đề tài: XÂY DỰNG ỨNG DỤNG GHI CHÚ, QUẢN LÝ TIẾN ĐỘ CÔNG VIỆC CÁ NHÂN VÀ NHĨM Nhóm sinh viên thực hiện: Họ Tên: Đặng Duy Bằng MSSV: 19521234 Họ Tên: Nguyễn Nhựt Tân MSSV: 19520923 Đánh giá Đồ án: Về báo cáo: Số trang : …………… Số chương : ……………… Số bảng số liệu : …………… Số hình vẽ : ……………… Sản phẩm : ……………… Số tài liệu tham khảo : …………… Một số nhận xét hình thức báo cáo: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Về nội dung nghiên cứu: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Về chương trình ứng dụng ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Về thái độ làm việc sinh viên ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Điểm sinh viên: Đặng Duy Bằng : ……… /10 Nguyễn Nhựt Tân : ……… /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐHQG TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày…tháng…năm 2023 NHẬN XÉT KHOÁ LUẬN TỐT NGHIỆP (Của cán phản biện) Tên đề tài: XÂY DỰNG ỨNG DỤNG GHI CHÚ, QUẢN LÝ TIẾN ĐỘ CÔNG VIỆC CÁ NHÂN VÀ NHĨM Nhóm sinh viên thực hiện: Họ Tên: Đặng Duy Bằng MSSV: 19521234 Họ Tên: Nguyễn Nhựt Tân MSSV: 19520923 Đánh giá Đồ án: Về báo cáo: Số trang : …………… Số chương : …………… Số bảng : …………… Số hình vẽ : …………… Số tài liệu tham khảo : …………… Sản phẩm : …………… Một số nhận xét hình thức báo cáo: …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… Về nội dung nghiên cứu: …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… Về chương trình ứng dụng …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… Về thái độ làm việc sinh viên …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… Điểm sinh viên: Đặng Duy Bằng : ……… /10 Nguyễn Nhựt Tân : ……… /10 Người nhận xét (Ký tên ghi rõ họ tên) LỜI CẢM ƠN Trong trình học tập, nghiên cứu phát triển đề tài “Xây dựng ứng dụng ghi chú, quản lý tiến độ công việc cá nhân nhóm” chúng em nhận giúp đỡ, bảo nhiệt tình Cơ để hồn thành đồ án Chúng em xin gửi lời cảm ơn chân thành đến Cơ Thái Thụy Hàn Uyển đóng góp khơng nhỏ q trình phát triển đề tài Cô dành thời gian tâm huyết hướng dẫn, giúp đỡ kiến thức, tài liệu phương pháp, giúp cho trình nghiên cứu phát triển diễn cách thuận lợi Chúng em xin ghi nhận ý kiến nhận xét lời đóng góp q báu từ Cơ giúp chúng em có thêm ý tưởng hướng phát triển tương lai Bên cạnh đó, chúng em xin gửi lời cảm ơn đến tồn thể q Thầy, Cơ trường Đại học Công nghệ Thông tin, người dạy nhiệt tình đem lại nguồn cảm hứng để chúng em lấy làm động lực phát triển đường nghiệp phía trước Mặc dù có nhiều cố gắng suốt q trình thực đề tài, bên cạnh cịn có mặt hạn chế, thiếu sót Chúng em mong nhận ý kiến, đóng góp q Thầy, Cơ để có kinh nghiệm quý báu lấy làm hành trang tương lai Chúng em xin trân trọng cảm ơn! TP Hồ Chí Minh, tháng năm 2023 Nguyễn Nhựt Tân Đặng Duy Bằng ĐHQG TP HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày…tháng…năm 2023 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng ứng dụng ghi chú, quản lý tiến độ công việc cá nhân nhóm Cán hướng dẫn: ThS Thái Thuỵ Hàn Uyển Thời gian thực hiện: Từ ngày 6/2/2023 đến ngày 25/6/2023 (20 tuần) Sinh viên thực hiện: Nguyễn Nhựt Tân 19520923 Đặng Duy Bằng 19521234 Nội dung đề tài: Mục tiêu: - Ứng dụng xây dựng với mục đích giúp cá nhân, nhóm nhỏ khoảng từ 30 đến 50 người (có thể cải tiến) quản lý cơng việc dễ dàng, theo dõi tiến độ cơng việc phân bổ thời gian cách hợp lý Tạo thói quen ghi cơng việc thường xun, đem lại hiệu cách quản lý xếp cơng việc - Bên cạnh đó, việc quản lý thành viên nhóm đánh giá hiệu thời gian hồn thành cơng việc, từ người dùng biết xác lực người để phân chia công việc cách hợp lý Phạm vi: Phạm vi khoá luận hướng đến việc xây dựng ứng dụng di động tập trung phát triển hệ điều hành iOS Android với chức sau: - UI/UX: Đầu tiên mang lại trải nghiệm thân thiện với người dùng - Authentication: Đăng nhập, đăng ký,… - Note: Tạo ghi mới, gợi ý mẫu ghi chú, phân loại ghi chú,… - Reminder: Tạo lịch nhắc nhở, theo dõi tiến độ qua timeline,… - Project: Tạo dự án quản lý công việc nhiều thành viên, đánh giá hiệu làm việc qua task,… - Task: Tạo task cho thành viên, theo dõi tiến độ cập nhật trạng thái liên tục, tìm kiếm, tính đề xuất thành viên phù hợp với cơng việc dựa vào chủ đề áp dụng Content-based recommendation system - Chat Group, Chatbot (Chat realtime thành thành viên kết hợp chatbot OpenAI) - Statistic: Thống kê lại kết làm việc sau thời gian quy định, cho điểm thành viên dự án,… - Notification: Nhận thơng báo có hoạt động mới,… Đối tượng sử dụng: - Là cá nhân muốn quản lý công việc cách hiệu quả, tạo cho thói quen ghi hàng ngày, cần nơi để lưu trữ thông tin cần thiết để ghi nhớ, tạo lịch nhắc nhở cho công việc tới, làm chủ thời gian để quản lý công việc cách tốt - Là tổ chức, nhóm muốn quản lý cơng việc nhiều người, theo dõi tiến độ trình làm việc thành viên,… - Về số lượng người dùng tải sử dụng ứng dụng không giới hạn Về số lượng người dùng đồng thời tạm thời ước tính khoảng 100 người dùng Tại hình quên mật Không nhận mã OTP khẩu, đợi 60s để gửi lại mã khơng trùng khớp đến email sau bấm “Resend” Sau 60s, chọn “Resend” để hệ thống gửi lại mã Mật Một mã OTP gửi PASS Hiển thị thơng báo “Try again after 60s” Tại hình đăng ký, Vơ hiệu hố button nhập mật mật “Change password” Hiển xác nhận không thị thông báo “Passwords trùng khớp NOT match” PASS Tại hình đăng nhập, nhập xác email Đổi mật thành công đăng ký chọn Mật đổi thành “Forgot password” cơng, chuyển hình Ứng dụng điều hướng đăng nhập để đăng nhập lại đến hình quên mật với mật khẩu, kiếm email Các thiết bị đăng nhập xác mã OTP nhập tài khoản Nhập mật tự động đăng xuất trở xác nhận hình đăng nhập Bấm “Change password” để đổi mật 101 PASS Bảng 3-46 Testcase chức "Tạo ghi chú" ID Mô tả Bước thực Mong muốn Kết Tại hình danh sách ghi Không nhập tiêu đề Chọn floating button Một ghi tạo chọn chức thêm ghi lưu thành công với tiêu đề “Untitled” hiển thị Không nhập tiêu đề cho danh sách ghi PASS ghi quay lại hình Tại hình danh sách ghi Tạo ghi Chọn floating button Một ghi tạo thành chọn chức thêm ghi thành công hiển thị công danh sách ghi PASS Thêm tiêu đề nội dung ghi Tại hình chi tiết ghi chú, chọn vào biểu tượng thêm góc phải Sử dụng mẫu ghi Mẫu ghi apply Chọn chức vào ghi “Template” người dùng Ứng dụng điều hướng đến hình danh sách mẫu ghi 102 PASS Chọn mẫu ghi phù hợp để xem chi tiết Bấm button “Apply” vào ghi muốn chọn Tại hình danh sách ghi chú, chọn ghi muốn chỉnh sửa Chỉnh sửa ghi Ứng dụng điều hướng đến hình chi tiết ghi chọn Ghi lưu thành công PASS Người dùng chỉnh sửa cập nhật theo mong muốn quay trở Tại hình danh sách ghi chú, kéo ghi muốn xoá sang bên phải Xoá ghi chọn biểu tượng xoá Ghi bị xoá khỏi danh Ứng dụng popup xác sách ghi PASS nhận xoá Chọn “OK” để xác nhận xố ghi Thêm Tại hình chi tiết ghi phân loại chú, nhấn biểu tượng thêm cho ghi phân loại góc phải ghi chú 103 Ghi lưu với danh mục phân loại chọn PASS Hiển popup danh sách phân loại có sẵn Chọn vào mục phân loại muốn lưu cho ghi Bảng 3-47 Testcase chức "Tạo reminder" ID Mô tả Bước thực Mong muốn Kết Chọn floating button, chọn chức thêm Reminder tạo hiển reminder Tạo reminder Popup tạo reminder Nhập đầy đủ thông tin reminder thị danh sách reminder tương ứng calendar Khi đến thời gian cài PASS đặt, reminder gửi thông báo đến ứng dụng Bật thông báo cho reminder Tại hình danh sách reminder, chọn vào reminder muốn cập nhật Reminder cập nhật Chỉnh sửa Popup chỉnh sửa thành công hiển thị reminder reminder calendar với thời gian Người dùng cập nhật tương ứng reminder bấm “Save” để lưu thông tin thay đổi 104 PASS Chọn reminder muốn xoá Xoá reminder Chọn biểu tượng xoá Reminder xoá khỏi Popup xác nhận xoá danh sách biểu tượng lên chọn “OK” calendar PASS để xác nhận xoá reminder Bảng 3-48 Testcase chức "Tạo dự án" ID Mô tả Bước thực Mong muốn Kết Tại hình danh sách dự án Chọn biểu tượng thêm Khơng nhập dự án góc phải tên dự án Ứng dụng điều hướng đến hình tạo dự án Hiển thị thơng báo “Required” màu đỏ input tên dự án PASS Vô hiệu hố button “Create” Khơng nhập tên dự án Khơng nhập Tại hình tạo dự án, tên viết tắt không nhập tên viết tắt dự án dự án Thêm host cho dự án Vơ hiệu hố button “Create” PASS Tại hình tạo dự án, Danh sách người chọn biểu tượng thêm dùng chọn hiển thị PASS admin cho dự án phần “Hosts” 105 Mở danh sách người dùng Chọn người dùng muốn vị trí host Tại hình tạo dự án, chọn biểu tượng thêm Thêm thành admin cho dự án Danh sách người viên cho dự Mở danh sách dùng chọn hiển thị PASS án người dùng phần “Members” Chọn người dùng muốn vị trí thành viên Tại hình tạo dự án, nhập đầy đủ thông tin yêu cầu Tạo dự án thành công Thêm thành viên cho dự án Điều hướng đến hình chi tiết dự án PASS Bấm “Create” để tạo dự án Bảng 3-49 Testcase chức "Tạo công việc" ID Mô tả Bước thực Mong muốn Tại hình chi tiết Vơ hiệu hố button “Create Tạo cơng dự án, chọn floating new task” việc button góc phải, chọn Hiển thị thông báo “Add task” “Created” 106 Kết PASS Ứng dụng điều hướng Công việc tạo thành đến hình tạo cơng cơng, hiển thị hình việc danh sách cơng việc Nhập thơng tin tương Xuất input ứng comment Chọn button “Create new task” Tại hình hình chi tiết cơng việc Chọn icon chấm bên phải chọn “Edit” Cập nhật Ứng dụng cho phép Thông tin cập nhật thông tin chỉnh sửa, chỉnh theo thành công công việc theo mong muốn Show message “Saved” PASS Bấm “Save” để lưu nội dung cập nhật “Cancel” để huỷ thay đổi Không nhập tiêu đề công việc Gợi ý thành viên phù hợp Tại hình tạo cơng việc, nhập đầy đủ thơng Vơ hiệu hố button “Create tin công việc không new task” PASS nhập tiêu đề Tại hình tạo cơng Danh sách thành viên việc, chọn chủ đề cho hiển thị, thành công việc, viên đánh dấu 107 PASS Chọn vào tính thành viên khuyến nghị đăng ký thành viên phù hợp với công việc nhận cơng việc Tại hình chi tiết Bình luận cơng việc cơng việc, phần danh sách bình luận, nhập vào input comment Bình luận hiển thị danh sách bình luận PASS bình luận muốn gửi Tại phần danh sách bình luận, chọn vào Chỉnh sửa phần options chọn bình luận “Edit” Thay đổi nội dung bình luận bấm gửi Nhắc thơng báo thành viên đến bình luận định thành cơng hiển thị lên danh sách bình luận PASS Hiển thị thơng báo “Saved” Tại hình danh sách Các thành viên nhắc bình luận, chọn phần đến hiển thị bình options chọn chức luận chọn “Notify” Thông báo gửi đến Chọn thành viên muốn thành viên chọn PASS muốn nhận thơng báo Tại hình danh sách Bình luận cập nhật Xố bình bình luận, chọn luận bình luận tạo chọn options Bình luận chọn bị xố khỏi danh sách bình luận Hiển thị thông báo “Deleted” 108 PASS Chọn chức xố bình luận Tại hình danh sách Tìm kiếm lọc công việc công việc, phần lọc công việc, Hiển thị danh sách công việc ứng với lựa Điền vào thông tin cơng việc muốn PASS chọn tìm kiếm tìm kiếm 10 Xem hiển thị Tại panel dự Danh sách công việc công việc án, chọn tính xem hiển thị dạng agile dạng agile công việc dạng agile board phân loại theo board board trạng thái công việc 109 PASS CHƯƠNG : KẾT LUẬN 4.1 Kết đạt Sau nỗ lực nghiên cứu hoàn thiện đề tài, ứng dụng gặt hái kết sau: Về mặt kỹ thuật công nghệ: - Hiểu nắm cách xây dựng ứng dụng di động cách sử dụng Framework7 React, tiếp cận với nhiều thành phần giao diện mẻ đại - Áp dụng công nghệ phổ biến thị trường để bắt kịp xu hướng đảm bảo độ hồn thiện có tính ứng dụng cao Firebase, Chat GPT, Nodemailer, Express Framework, … - Hiểu cách vận hành hệ thống, vòng đời phát triển phần mềm, - Đảm bảo độ hoàn thiện chức đề ra, hoàn thành đến 90% mục tiêu so với dự kiến ban đầu - Giao diện trực quan, dễ sử dụng, dễ bảo trì, đáp ứng khả mở rộng Về mặt thực tiễn: - Nâng cao kỹ tìm hiểu, nghiên cứu cơng nghệ - Nắm thêm nghiệp vụ quản lý, quy trình phát triển từ lúc bắt đầu đến lúc hoàn thành dự án, lập kế hoạch cụ thể rõ ràng theo dõi giám sát kĩ trình thực - Tăng suất làm việc nhóm, xếp phân chia cơng việc hiệu theo giai đoạn đề 110 4.2 Thuận lợi khó khăn 4.2.1 Thuận lợi - Có kinh nghiệm từ thực tập làm việc nhiều dự án thực tế nên tránh sai sót, quản lý tiến độ theo giai đoạn lập kế hoạch chi tiết cho việc xây dựng dự án - Công nghệ thiết kế với cú pháp thân thiện, giúp người dùng tiếp cận hiểu cách dễ dàng - Giảng viên hướng dẫn có kiến thức kinh nghiệm phong phú giúp đỡ cách tận tâm việc gợi ý, đưa giải pháp giải đáp vướng mắc trình thực khố luận 4.2.2 Khó khăn - Do áp lực thời gian nên chưa thể phát triển nhiều tính nâng cao, khai thác tối đa đề tài dự án - Việc tìm hiểu ứng dụng công nghệ thời gian ngắn dẫn đến chưa thể đào sâu sâu vào cơng nghệ, việc đưa giải pháp áp dụng chưa đạt độ hiệu cao - Nhiều công nghệ chưa hỗ trợ, cộng đồng phát triển chưa lớn mạnh gây nhiều thời gian vào việc tìm hiểu, nghiên cứu - Chưa có phản hồi thực tế từ người dùng 4.3 Hướng phát triển Cải thiện giao diện thân thiện hơn, trải nghiệm người dùng tốt Tăng cường bảo mật liệu người dùng Đề tài cịn mở rộng phát triển thêm nhiều tính như: - Notes: + (Scan image to text) Cho phép người dùng scan ảnh văn bản, lưu trữ file phân chia thư mục để dễ quản lý file ghi gọn gàng hiệu 111 + (Workspace) Cho phép tạo không gian làm việc thực trao đổi ghi trực tuyến với người dùng + (Recommendation Note Template) Phân tích liệu thơng tin có từ người dùng để đề xuất lên template ghi phù hợp với nhu cầu mục đích người dùng + (Create Note Template) Người dùng tạo chia sẻ template note với người - Projects: + (Chatbot GPT) Khai thác thêm từ tính chatbot, giúp bot đọc liệu hệ thống lấy thông tin mà hệ thống có sau đưa đến người dùng + (Votes) Phát triển tính bình chọn cho phép người dùng thảo luận đóng góp ý kiến tích cực + (Meeting) Phát triển tính tạo phịng họp, quản lý phịng họp để người dùng thuận tiện trao đổi online qua video call + (Statistic) Đa dạng thêm biểu đồ thống kê, đưa số liệu cụ thể hơn, tính tốn thông số làm việc thành viên dự án Sau hồn thiện, ứng dụng triển khai cửa hàng ứng dụng AppStore, PlayStore để người trải nghiệm thực tế 4.4 Kết luận Trên sở nghiên cứu phát triển ứng dụng ghi chú, quản lý công việc cá nhân nhóm, khố luận thành cơng việc xây dựng ứng dụng có khả giúp người dùng ghi tổ chức công việc cách hiệu Bên cạnh đó, việc sử dụng khai thác công nghệ phổ biến giúp ứng dụng khơng tăng cường tính quản lý mà cung cấp trải nghiệm người dùng thuận tiện, thân thiện tiết kiệm thời gian đáng kể công việc Mong kết đạt khoá luận đóng góp quan trọng vào việc cải thiện hiệu suất làm việc tổ chức công việc cá nhân nhóm Với tiềm lớn 112 giá trị đề tài mang lại, khoá luận tạo tảng sở cho việc tối ưu hố cơng việc quản lý thời gian hiệu quả, khai thác tối đa giá trị mà ứng dụng mang lại 113 TÀI LIỆU THAM KHẢO [1] “26 content based Recommender Systems,” YouTube, https://www.youtube.com/watch?v=YMZmLx-AUvY (accessed Jul 12, 2023) [2] “Cloud application hosting for developers,” Render, https://render.com/ (accessed Jul 13, 2023) [3] “Data Science in minutes: What is one hot encoding?,” Educative, https://www.educative.io/blog/one-hot-encoding (accessed Jul 12, 2023) [4] “Documentation,” Node.js, https://nodejs.org/en/docs (accessed Jul 12, 2023) [5] “Download Android Studio & App Tools,” Android Developers, https://developer.android.com/studio (accessed Jul 12, 2023) [6] “Full featured framework for Building IOS, Android & Desktop Apps,” Framework7, https://framework7.io/ (accessed Jul 12, 2023) [7] “Get started fast,” Apache Cordova, https://cordova.apache.org/ (accessed Jul 12, 2023) [8] “Introducing chatgpt,” Introducing ChatGPT, https://openai.com/blog/chatgpt (accessed Jul 12, 2023) [9] “JavaScript with syntax for types.,” TypeScript, https://www.typescriptlang.org/ (accessed Jul 12, 2023) [10] “Let’s build from here,” GitHub, https://github.com/ (accessed Jul 12, 2023) [11] “Node.js web application framework,” Express, https://expressjs.com/ (accessed Jul 12, 2023) [12] “OHQ,” Backlog, https://ohq.backlog.jp/ (accessed Jul 12, 2023) [13] “Socket.io,” SocketIO RSS, https://socket.io/ (accessed Jul 12, 2023) 114 [14] “The Collaborative Interface Design Tool,” Figma, https://www.figma.com/ (accessed Jul 12, 2023) [15] “The developer Data Platform,” MongoDB, https://www.mongodb.com/ (accessed Jul 12, 2023) [16] “Your connected workspace for wiki, docs & projects,” Notion, https://www.notion.so/ (accessed Jul 12, 2023) [17] Atlassian, “Git solution for teams using jira,” Bitbucket, https://bitbucket.org/ (accessed Jul 12, 2023) [18] Google, https://firebase.google.com/ (accessed Jul 12, 2023) [19] Inc., “Xcode 15,” Apple Developer, https://developer.apple.com/xcode/ (accessed Jul 12, 2023) [20] K Zhu, “Text all in one,” Taio, https://taio.app/ (accessed Jul 12, 2023) [21] Microsoft, “Visual studio code - code editing redefined,” RSS, https://code.visualstudio.com/ (accessed Jul 12, 2023) [22] MozDevNet, “JavaScript,” MDN, https://developer.mozilla.org/en- US/docs/Web/JavaScript (accessed Jul 12, 2023) [23] Postman, https://www.postman.com/ (accessed Jul 12, 2023) [24] React, https://react.dev/ (accessed Jul 12, 2023) [25] Redmine, https://www.redmine.org/ (accessed Jul 12, 2023) [26] Reinman, Nodemailer, https://nodemailer.com/about/ (accessed Jul 12, 2023) 115