Vocabulary App - Copy this React, Tailwind Component to your project

viết-code-html-+-CSS+-Javascript-web-học-từ-vựng-Gồm-3-phần-từ-trái-sang-phải:-Phần-1(chiếm-25%-không-gian):-danh-sách-nhóm-từ-vựng,-khi-bấm-vào-1-nhóm-thì-hiện-flashcard-của-1-từ-ngẫu-nhiên-trong-nhóm-ở-phần-2.-Phần-2(chiếm-50%-không-gian):--Hiện-flashcard-của-một-từ-trong-nhóm-bao-gồm-từ,-phát-âm(Anh,Mĩ),-nghĩa-(Anh-Việt,Anh-Anh,-có-thể-có-nhiều-nghĩa),-Ví-dụ-(1-nghĩa-tương-ứng-có-2-ví-dụ,-có-dịch-nghĩa).-có-các-nút-đánh-dấu-'Chưa-học','Chưa-chắc','Đã-học'(chỉ-đánh-dấu-1-trong-3),-có-các-nút-chuyển-qua-flashcard-từ-khác-(các-từ-đánh-dấu-'chưa-học'-và-'chưa-chắc'-thì-có-thể-lặp-lại,-còn-các-từ-đã-học-thì-không,-khi-tất-cả-từ-của-nhóm-này-được-đánh-dấu-thì-sẽ-tự-động-chuyển-qua-từ-của-nhóm-khác-chưa-được-đánh-dấu).--Thêm-chế-độ-câu-đố-nối-các-từ-với-nghĩa-của-chúng-(có-thể-tùy-chỉnh-số-lượng-từ)-đối-với-2-nhóm-từ-:Các-từ-đã-được-đánh-dấu-và-các-từ-chưa-được-đánh-dấu.-Khi-hoàn-thành-câu-đố-thì-sẽ-hiện-flashcard-của-các-từ-trong-câu-đố-Phần-3(-chiếm-25%-không-gian):-hiện-các-danh-sách-từ-được-đánh-dấu-'Chưa-học','Chưa-chắc','Đã-học'(1-từ-chỉ-tồn-tại-trong-1-nhóm)-và-danh-sách-từ-vựng-chứa-trong-nhóm-từ-vựng-được-chọn-ở-phần-1.-khi-bấm-vào-1-từ-trong-những-danh-sách-đó-thì-flashcard-của-từ-đó-sẽ-hiện-trong-phần-2