5 Figure 4: Command to install React Hook Form to the project by using yarn .... 10 Figure 17: Command to install React Router to the project by using yarn .... 16 Figure 19: Command to
MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY FOR HIGH QUALITY TRAINING GRADUATION THESIS INFORMATION TECHNOLOGY BUILDING THE "HAPPY TIME" APPLICATION FOR TIMEKEEPING AND HUMAN RESOURCE MANAGEMENT ADVISOR : Msc NGUYEN TRAN THI VAN STUDENTS: NGUYỄN THIÊN HỒN NGƠ MINH ĐẠT LÊ DUY TRƯỜNG SKL011641 Ho Chi Minh City, July 2023 HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY FOR HIGH QUALITY TRAINING - - CAPSTONE PROJECT BUILDING THE "HAPPY TIME" APPLICATION FOR TIMEKEEPING AND HUMAN RESOURCE MANAGEMENT Instructor: Msc Nguyen Tran Thi Van Members: Nguyễn Thiên Hồn 19110078 Ngơ Minh Đạt 19110115 Lê Duy Tường 19110065 -Ho Chi Minh City, July 2023 - SOCIALIST REPUBLIC OF VIETNAM Independence - Freedom – Happiness ******* PROJECT’S OBJECTIVES Student’s name: Nguyễn Thiên Hồn Student ID: 19110078 Student’s name: Ngơ Minh Đạt Student ID: 19110115 Student’s name: Lê Duy Tường Student ID: 19110065 Project title: Building the "Happy Time" application for timekeeping and human resource management Implementation content: Theory: • Sprint boot • MongoDB • Redis • React.js • React Native • JSON web token Practice: • Build a web application by React, Sprint Boot, MongoDB and Redis with the following main feature: o Login and Register o Manage enterprise information and structure o Manage employee o Manage shift, schedule and attendance o Manage news • Build an android application by React Native with the following main feature: o Login and register o Check attendance o View and interact with news Implementation time: 15 weeks (Starting from March 6, 2023, to June 19, 2023) Student signature: …………………………………………………… Student signature: …………………………………………………… DEPARTMENT OF INFORMATION Ho Chi Minh City, date… month… year … TECHNOLOGY INSTRUCTOR (Sign and write full name) SOCIALIST REPUBLIC OF VIETNAM Independence - Freedom – Happiness ******* ASSESSMENT FORM FOR INSTRUCTOR Student’s name: Nguyễn Thiên Hoàn Student ID: 19110078 Student’s name: Ngô Minh Đạt Student ID: 19110115 Student’s name: Lê Duy Tường Student ID: 19110065 Project title: Building the "Happy Time" application for timekeeping and human resource management Advisor: MSC Nguyễn Trần Thi Văn EVALUATION Content of the project: Strengths: Weaknesses: Approval for oral defense? (Approved or denied) Overall evaluation: (Excellent, Good, Fair, Poor) Mark: ……… (in words: ) Ho Chi Minh City, July 2023 ADVISOR (Sign with full name) SOCIALIST REPUBLIC OF VIETNAM Independence - Freedom – Happiness ******* ASSESSMENT FORM FOR REVIEWER Student’s name: Nguyễn Thiên Hồn Student ID: 19110078 Student’s name: Ngơ Minh Đạt Student ID: 19110115 Student’s name: Lê Duy Tường Student ID: 19110065 Project title: Building the "Happy Time" application for timekeeping and human resource management Advisor: MSC Lê Thị Minh Châu EVALUATION Content of the project: Strengths: Weaknesses: Approval for oral defense? (Approved or denied) Overall evaluation: (Excellent, Good, Fair, Poor) Mark: ……… (in words: ) Ho Chi Minh City, July 2023 ADVISOR (Sign with full name) ACKNOWLEDGEMENT First and foremost, I would like to express our heartfelt gratitude to MSc Nguyen Tran Thi Van for his unwavering support and guidance throughout the process of researching and implementing this topic I'd like to express our gratitude to the teacher for his passionate instruction and guidance in selecting themes, and techniques, and rectifying flaws in the implementation process I'd also want to express our gratitude to the professors at Ho Chi Minh City's University of Technology and Education, particularly the Faculty Lecturers, who energetically taught and shared a wealth of information and expertise with us during our schooling To assist me in effectively completing the topic However, faults made during the implementation of the topic may be overlooked by teachers I eagerly await instructor feedback to get more experience and increase my expertise to better serve the learning and working process in the future Thank you sincerely! Ho Chi Minh City, July 25th, 2023 TABLE OF CONTENTS CHAPTER 1: INTRODUCTION .1 1.1 Project objectives 1.2 Project mission .1 1.3 Research Objectives .1 1.4 Urgency of the topic .2 1.5 Research scope .3 CHAPTER 2: THEORY FOUNDATION 2.1 Web application 2.1.1 React 2.1.1.1 Definition 2.1.1.2 Components .4 2.1.1.3 Property and State 2.1.2 Material-UI 2.1.2.1 Definition 2.1.2.2 Installation .5 2.1.3 Ant Design 2.1.3.1 Definition 2.1.3.2 Installation .5 2.1.4 Yup 2.1.4.1 Definition 2.1.4.2 Installation .6 2.1.5 Axios .6 2.1.5.1 Definition 2.1.5.2 Installation .6 2.1.6 Redux 2.1.6.1 Definition 2.1.6.2 Installation .7 2.1.7 Sass 2.1.7.1 Definition 2.1.7.2 Installation .8 2.1.8 Firebase 2.1.8.1 Definition 2.1.8.2 Features 2.1.8.3 Installation .9 2.1.9 React Router DOM .9 2.1.9.1 Definition 2.1.10 Installation 10 2.1.11 Spring Boot .10 2.1.11.1 Definition 10 2.1.11.2 Advantages and disadvantages of Spring boot 11 2.1.12 JSON Web Token 12 2.1.12.1 Definition 12 2.1.12.2 Structure of JSON Web Token 12 2.1.12.3 Benefits of using JSON Web Token 12 2.1.13 Mongodb 12 2.1.13.1 Definition 12 2.1.13.2 Advantages and disadvantages of MongoDB .13 2.1.14 Redis 14 2.1.14.1 Definition 14 2.1.14.2 Features .14 2.2 Mobile application .15 2.3 React native 15 2.3.1 Definition 15 2.3.2 Components 15 2.3.3 JSX 15 2.3.4 Props 16 2.3.5 State .16 2.4 React Hook Form .16 2.4.1 Definition 16 2.4.2 Installation 16 2.5 Typescript 17 2.5.1 Definition 17 2.5.2 Installation 17 CHAPTER 3: CURRENT STATUS SURVEY AND REQUIREMENT MODELLING 18 3.1 Current status survey 18 3.1.1 Survey of user needs 18 3.1.2 Software survey 18 3.1.2.1 Clockify 18 3.1.2.2 Jibble .20