tieptk/hurasoft_nextjs
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

up date

Browse Source
This commit is contained in:
Tieptk
2025-03-19 14:25:11 +07:00
parent f9eafb1052
commit ea0e2d2780
12 changed files with 1641 additions and 873 deletions
Download Patch File Download Diff File Expand all files Collapse all files

396
data/db.json Normal file
View File

@@ -0,0 +1,396 @@
{
"jobs": {
"total": 4,
"list": [
{
"id": 13,
"title": "Nh\u00e2n vi\u00ean ph\u00e1t tri\u1ec3n th\u1ecb tr\u01b0\u1eddng",
"summary": "",
"salary": "Th\u1ecfa thu\u1eadn",
"vacancy_num": 2,
"end_date": "31-12-2024",
"location": "H\u00e0 N\u1ed9i",
"visit": 0,
"create_time": 1731653302,
"last_update": 1733899503,
"counter": 1,
"image": {
"small": "",
"large": ""
},
"url": "/job/nhan-vien-phat-trien-thi-truong.html"
},
{
"id": 12,
"title": "Nh\u00e2n vi\u00ean ch\u0103m s\u00f3c kh\u00e1ch h\u00e0ng",
"summary": "",
"salary": "7-12 tri\u1ec7u",
"vacancy_num": 2,
"end_date": "31-12-2024",
"location": "H\u00e0 N\u1ed9i",
"visit": 0,
"create_time": 1731653230,
"last_update": 1733899517,
"counter": 2,
"image": {
"small": "",
"large": ""
},
"url": "/job/nhan-vien-cham-soc-khach-hang.html"
},
{
"id": 11,
"title": "L\u1eadp tr\u00ecnh vi\u00ean front-end",
"summary": "",
"salary": "Th\u1ecfa thu\u1eadn",
"vacancy_num": 2,
"end_date": "31-12-2024",
"location": "H\u00e0 N\u1ed9i",
"visit": 0,
"create_time": 1731652851,
"last_update": 1733899525,
"counter": 3,
"image": {
"small": "",
"large": ""
},
"url": "/job/lap-trinh-vien-front-end.html"
},
{
"id": 10,
"title": "Thi\u1ebft k\u1ebf \u0111\u1ed3 h\u1ecda Website, Mobile (UX Designer)",
"summary": "",
"salary": "$500-1,000/th\u00e1ng",
"vacancy_num": 1,
"end_date": "31-12-2024",
"location": "H\u00e0 N\u1ed9i",
"visit": 0,
"create_time": 1731652564,
"last_update": 1733899533,
"counter": 4,
"image": {
"small": "",
"large": ""
},
"url": "/job/thiet-ke-do-hoa-website-mobile-ux-designer.html"
}
]
},
"articles": {
"total": 11,
"list": [
{
"id": 729,
"title": "test bài viết tin tức",
"summary": "An toàn thông tin website đề cập đến các biện pháp và quy trình nhằm bảo vệ dữ liệu và thông tin trên website khỏi các mối đe dọa như hacker, phần mềm độc hại, và các cuộc tấn công mạng khác. Điều này bao gồm việc bảo vệ dữ liệu người dùng, đảm bảo các giao dịch trực tuyến được mã hóa an toàn, và duy trì tính toàn vẹn của các tài nguyên trên website.",
"request_path": "/test-bai-viet-tin-tuc",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1734325200,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1734408362,
"image": {
"thumb": "/media/article/t-item-article-big.png",
"large": "/media/article/l-item-article-big.png"
},
"url": "/test-bai-viet-tin-tuc"
},
{
"id": 728,
"title": "Hướng dẫn theo dõi và cải thiện lượng truy cập website bằng google analytics",
"summary": "",
"request_path": "/huong-dan-theo-doi-va-cai-thien-luong-truy-cap-website-bang-google-analytics",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1734408339,
"image": {
"thumb": "/media/article/t-advisor-financial-business-analytics-woman-team-an.png",
"large": "/media/article/l-advisor-financial-business-analytics-woman-team-an.png"
},
"url": "/huong-dan-theo-doi-va-cai-thien-luong-truy-cap-website-bang-google-analytics"
},
{
"id": 727,
"title": "Yếu tố ảnh hưởng tới quyết định mua hàng online của người dùng trên website",
"summary": "",
"request_path": "/yeu-to-anh-huong-toi-quyet-dinh-mua-hang-online-cua-nguoi-dung-tren-website",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517016,
"image": {
"thumb": "/media/article/t-fashion-blogger-concept-young-asian-women-selling-.jpg",
"large": "/media/article/l-fashion-blogger-concept-young-asian-women-selling-.jpg"
},
"url": "/yeu-to-anh-huong-toi-quyet-dinh-mua-hang-online-cua-nguoi-dung-tren-website"
},
{
"id": 726,
"title": "An toàn thông tin website",
"summary": "An toàn thông tin website đề cập đến các biện pháp và quy trình nhằm bảo vệ dữ liệu và thông tin trên website khỏi các mối đe dọa như hacker, phần mềm độc hại, và các cuộc tấn công mạng khác.",
"request_path": "/an-toan-thong-tin-website",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1734319905,
"image": {
"thumb": "/media/article/t-cyber-security-concept-digital-art_23-2151637760.jpg",
"large": "/media/article/l-cyber-security-concept-digital-art_23-2151637760.jpg"
},
"url": "/an-toan-thong-tin-website"
},
{
"id": 725,
"title": "Làm thế nào để tăng lượng truy cập cho website của bạn?",
"summary": "",
"request_path": "/lam-the-nao-de-tang-luong-truy-cap-cho-website-cua-ban",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517149,
"image": {
"thumb": "/media/article/t-technology-hologram-indoors_23-2151833340.jpg",
"large": "/media/article/l-technology-hologram-indoors_23-2151833340.jpg"
},
"url": "/lam-the-nao-de-tang-luong-truy-cap-cho-website-cua-ban"
},
{
"id": 724,
"title": "Xu hướng cá nhân hóa trải nghiệm người dùng trong thương mại điện tử",
"summary": "",
"request_path": "/xu-huong-ca-nhan-hoa-trai-nghiem-nguoi-dung-trong-thuong-mai-dien-tu",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517289,
"image": {
"thumb": "/media/article/t-3d-representation-reselling-market_23-2150473097.jpg",
"large": "/media/article/l-3d-representation-reselling-market_23-2150473097.jpg"
},
"url": "/xu-huong-ca-nhan-hoa-trai-nghiem-nguoi-dung-trong-thuong-mai-dien-tu"
},
{
"id": 723,
"title": "Thu hút người dùng bằng minigame trên website",
"summary": "",
"request_path": "/marketing-bang-minigame-tren-website",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517364,
"image": {
"thumb": "/media/article/t-lucky-dice-game-background_23-2150971831.jpg",
"large": "/media/article/l-lucky-dice-game-background_23-2150971831.jpg"
},
"url": "/marketing-bang-minigame-tren-website"
},
{
"id": 722,
"title": "Chiến lược marketing website thương mại điện tử nổi bật 2024",
"summary": "",
"request_path": "/nhung-chien-luoc-marketing-website-thuong-mai-dien-tu-noi-bat-2024",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732083342,
"image": {
"thumb": "/media/article/t-rectangle-3.png",
"large": "/media/article/l-rectangle-3.png"
},
"url": "/nhung-chien-luoc-marketing-website-thuong-mai-dien-tu-noi-bat-2024"
},
{
"id": 721,
"title": "Lợi thế nào cho đơn vị bán hàng qua website cạnh tranh với các sàn thương mại điện tử 2024 ?",
"summary": "",
"request_path": "/loi-the-ban-hang-qua-website-so-voi-cac-san-thuong-mai-dien-tu-2024",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517547,
"image": {
"thumb": "/media/article/t-cardboard-boxes-conveyor-belt-warehouse_632498-117.jpg",
"large": "/media/article/l-cardboard-boxes-conveyor-belt-warehouse_632498-117.jpg"
},
"url": "/loi-the-ban-hang-qua-website-so-voi-cac-san-thuong-mai-dien-tu-2024"
},
{
"id": 720,
"title": "Vai trò quan trọng của việc nâng cấp phần mềm",
"summary": "",
"request_path": "/vai-tro-quan-trong-cua-viec-nang-cap-phan-mem",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517477,
"image": {
"thumb": "/media/article/t-programming-background-with-person-working-with-co.jpg",
"large": "/media/article/l-programming-background-with-person-working-with-co.jpg"
},
"url": "/vai-tro-quan-trong-cua-viec-nang-cap-phan-mem"
}
]
},
"articleDetails": [
{
"id": 726,
"category": 39,
"title": "An toàn thông tin website",
"summary": "An toàn thông tin website đề cập đến các biện pháp và quy trình nhằm bảo vệ dữ liệu và thông tin trên website khỏi các mối đe dọa như hacker, phần mềm độc hại, và các cuộc tấn công mạng khác",
"create_time": 1731644833,
"create_by": "HuraSoft",
"last_update": 1734319905,
"last_update_by": "hurasoft - Tiệp",
"content": "<p><strong>An toàn thông tin website</strong> đề cập đến các biện pháp và quy trình nhằm bảo vệ dữ liệu và thông tin trên website khỏi các mối đe dọa như hacker, phần mềm độc hại, và các cuộc tấn công mạng khác. Điều này bao gồm việc bảo vệ dữ liệu người dùng, đảm bảo các giao dịch trực tuyến được mã hóa an toàn, và duy trì tính toàn vẹn của các tài nguyên trên website.</p><p>Để <strong>đảm bảo an toàn thông tin website</strong>, bạn có thể áp dụng các biện pháp sau:</p><h3>1. <strong>Sử dụng chứng chỉ SSL (Secure Sockets Layer)</strong></h3><ul><li><strong>SSL</strong> mã hóa dữ liệu giữa máy chủ và người dùng, giúp bảo vệ thông tin nhạy cảm như thông tin tài khoản và thẻ tín dụng khỏi bị đánh cắp khi truyền qua mạng. Website có SSL thường bắt đầu bằng <strong>HTTPS</strong> thay vì <strong>HTTP</strong>, và trình duyệt hiển thị một ổ khóa nhỏ trên thanh địa chỉ.</li></ul><h3>2. <strong>Cập nhật phần mềm và hệ thống thường xuyên</strong></h3><ul><li>Việc duy trì các bản cập nhật mới nhất cho hệ thống quản lý nội dung (CMS), plugins, và các phần mềm khác trên website giúp giảm thiểu các lỗ hổng bảo mật. Các nhà phát triển thường xuyên phát hành các bản vá lỗi để bảo vệ website khỏi các cuộc tấn công lợi dụng lỗ hổng bảo mật.</li></ul><h3>3. <strong>Tạo mật khẩu mạnh và quản lý người dùng</strong></h3><ul><li>Mật khẩu mạnh và chính sách quản lý mật khẩu là một trong những yếu tố quan trọng nhất để bảo vệ tài khoản quản trị website. Nên sử dụng các mật khẩu dài, kết hợp giữa chữ cái, số và ký tự đặc biệt. Ngoài ra, việc yêu cầu xác thực đa yếu tố (2FA) giúp tăng cường bảo mật tài khoản người quản trị.</li></ul><h3>4. <strong>Sao lưu định kỳ</strong></h3><ul><li>Việc sao lưu thường xuyên giúp bạn có thể phục hồi website nhanh chóng sau một sự cố bảo mật hoặc mất dữ liệu. Hãy lưu trữ các bản sao lưu ở nhiều nơi an toàn, bao gồm cả đám mây và các ổ cứng ngoài.</li></ul><h3>5. <strong>Tường lửa web (Web Application Firewall - WAF)</strong></h3><ul><li><strong>WAF</strong> giúp bảo vệ website khỏi các cuộc tấn công web phổ biến như SQL injection, cross-site scripting (XSS), và các mối đe dọa khác. WAF hoạt động bằng cách phân tích và lọc các lưu lượng mạng đến website của bạn, chỉ cho phép các yêu cầu hợp lệ và an toàn.</li></ul><h3>6. <strong>Kiểm tra và bảo vệ khỏi phần mềm độc hại</strong></h3><ul><li>Cài đặt phần mềm diệt virus và các công cụ quét mã độc giúp phát hiện và loại bỏ các phần mềm độc hại có thể xâm nhập vào hệ thống website. Điều này giúp bảo vệ website khỏi bị nhiễm mã độc, gây hại cho người dùng và làm giảm độ tin cậy của trang web.</li></ul><h3>7. <strong>Giám sát và phát hiện xâm nhập</strong></h3><ul><li>Sử dụng các công cụ giám sát và phát hiện xâm nhập để theo dõi hoạt động của website và xác định các dấu hiệu xâm nhập hoặc hành vi đáng ngờ. Các hệ thống này có thể giúp bạn phát hiện sớm các cuộc tấn công và giảm thiểu thiệt hại.</li></ul><h3>8. <strong>Quản lý quyền truy cập</strong></h3><ul><li>Cung cấp quyền truy cập chỉ cho những người dùng cần thiết và giới hạn quyền truy cập đối với các khu vực quan trọng của website. Việc này giúp giảm nguy cơ bị xâm nhập từ các tài khoản quản trị không đáng tin cậy.</li></ul><p>Bằng cách thực hiện các biện pháp bảo mật trên, bạn có thể bảo vệ thông tin website và dữ liệu của khách hàng khỏi các mối đe dọa trực tuyến.</p>",
"image": {
"thumb": "/media/article/t-cyber-security-concept-digital-art_23-2151637760.jpg",
"large": "/media/article/l-cyber-security-concept-digital-art_23-2151637760.jpg"
},
"canonical": "https://hurasoft8.hurasoft.com/an-toan-thong-tin-website",
"url": "/an-toan-thong-tin-website",
"path": "an-toan-thong-tin-website"
},
{
"id": 724,
"category": 39,
"title": "Xu hướng cá nhân hóa trải nghiệm người dùng trong thương mại điện tử",
"summary": "",
"create_time": 1731640923,
"create_by": "HuraSoft",
"last_update": 1732517289,
"last_update_by": "hurasoft - Tiệp",
"content": "<p>Cá nhân hóa trải nghiệm người dùng là xu hướng nổi bật trong thương mại điện tử, nhằm đáp ứng nhu cầu cá nhân của từng khách hàng dựa trên hành vi, sở thích, và dữ liệu cá nhân. Trong năm 2024, xu hướng này tiếp tục phát triển với các công nghệ tiên tiến, như trí tuệ nhân tạo (AI) và học máy (machine learning), giúp các doanh nghiệp hiểu sâu hơn về khách hàng và tạo ra trải nghiệm tùy chỉnh cao hơn. Dưới đây là một số hướng cá nhân hóa tiêu biểu:</p><h3>1. <strong>Đề xuất sản phẩm thông minh dựa trên AI</strong></h3><p>AI và machine learning hỗ trợ gợi ý sản phẩm phù hợp với sở thích của từng khách hàng. Các thuật toán phân tích hành vi mua sắm, tìm kiếm và các tương tác trên website để gợi ý sản phẩm một cách chính xác. Ví dụ, Amazon sử dụng hệ thống gợi ý sản phẩm dựa trên lịch sử mua sắm và các sản phẩm mà khách hàng đã xem, giúp tăng tỷ lệ chuyển đổi​</p><h3>2. <strong>Tùy chỉnh nội dung và giao diện theo người dùng</strong></h3><p>Cá nhân hóa nội dung cho phép website điều chỉnh giao diện, các banner khuyến mãi và thông tin sản phẩm dựa trên vị trí địa lý, ngôn ngữ, và các mối quan tâm của khách hàng. Ví dụ, các trang web TMĐT có thể hiển thị các sản phẩm phổ biến trong khu vực của khách hàng hoặc ưu đãi đặc biệt theo mùa để tăng sự quan tâm​</p><h3>3. <strong>Email marketing cá nhân hóa</strong></h3><p>Email marketing ngày càng được cải tiến để cá nhân hóa với nội dung phù hợp như sản phẩm vừa xem, các gợi ý đặc biệt, và mã giảm giá dựa trên lịch sử mua hàng. Điều này giúp tăng cường tương tác và khiến khách hàng quay lại trang web thường xuyên hơn.</p><h3>4. <strong>Chatbot và hỗ trợ khách hàng theo thời gian thực</strong></h3><p>Chatbot được lập trình dựa trên AI có khả năng trả lời các câu hỏi của khách hàng theo cách tự nhiên và có thể cá nhân hóa từng cuộc trò chuyện dựa trên thông tin cá nhân và lịch sử mua sắm. Điều này không chỉ tăng cường trải nghiệm khách hàng mà còn giảm tải công việc cho bộ phận chăm sóc khách hàng.</p><h3>5. <strong>Các chương trình khách hàng thân thiết và ưu đãi cá nhân hóa</strong></h3><p>Nhiều website TMĐT áp dụng chương trình khách hàng thân thiết với các ưu đãi dành riêng cho từng cấp độ khách hàng. Dữ liệu về tần suất mua hàng và giá trị giỏ hàng giúp xác định các ưu đãi phù hợp, khuyến khích khách hàng quay lại mua sắm nhiều hơn.</p><h3>6. <strong>Cá nhân hóa trải nghiệm giỏ hàng</strong></h3><p>Các trang thương mại điện tử ngày càng quan tâm tới việc nhắc nhở giỏ hàng bị bỏ quên bằng cách gửi email hoặc thông báo đẩy. Thêm vào đó, khi khách hàng quay lại, trang web có thể hiển thị lại giỏ hàng còn dang dở để giúp họ tiếp tục quá trình mua sắm một cách liền mạch.</p><h3>7. <strong>Dữ liệu và quyền riêng tư</strong></h3><p>Với xu hướng cá nhân hóa, quyền riêng tư của khách hàng ngày càng được ưu tiên. Các trang TMĐT cần bảo mật dữ liệu và tuân thủ các quy định bảo vệ thông tin cá nhân, đồng thời cung cấp cho khách hàng quyền kiểm soát đối với thông tin cá nhân của họ.</p><p>Cá nhân hóa trong TMĐT đang dần trở thành yếu tố cốt lõi giúp doanh nghiệp xây dựng mối quan hệ chặt chẽ hơn với khách hàng, nâng cao trải nghiệm mua sắm và tạo sự khác biệt trong cạnh tranh.</p>",
"image": {
"thumb": "/media/article/t-3d-representation-reselling-market_23-2150473097.jpg",
"large": "/media/article/l-3d-representation-reselling-market_23-2150473097.jpg"
},
"canonical": "/xu-huong-ca-nhan-hoa-trai-nghiem-nguoi-dung-trong-thuong-mai-dien-tu",
"url": "/xu-huong-ca-nhan-hoa-trai-nghiem-nguoi-dung-trong-thuong-mai-dien-tue",
"path": "xu-huong-ca-nhan-hoa-trai-nghiem-nguoi-dung-trong-thuong-mai-dien-tue"
},
{
"id": 723,
"category": 39,
"title": "Thu hút người dùng bằng minigame trên website",
"summary": "",
"create_time": 1731640169,
"create_by": "HuraSoft",
"last_update": 1732517364,
"last_update_by": "hurasoft - Tiệp",
"content": "<p>Phương pháp marketing bằng <strong>minigame trên website</strong> là một cách sáng tạo để thu hút người dùng, tăng tương tác và xây dựng mối quan hệ với khách hàng tiềm năng. Cách tiếp cận này thường tận dụng yếu tố giải trí để khách hàng dễ dàng tương tác với thương hiệu và nhớ đến sản phẩm lâu hơn. Dưới đây là đánh giá chi tiết và ví dụ về phương pháp này:</p><h3>Lợi ích của marketing bằng minigame</h3><ol><li><p><strong>Tăng tương tác và thu hút người dùng</strong>: Minigame tạo ra sự thích thú và kích thích người dùng quay lại website nhiều hơn. Khi tham gia trò chơi, người dùng có thể bị cuốn hút bởi các yếu tố thách thức và phần thưởng, khiến họ tương tác lâu hơn với thương hiệu.</p></li><li><p><strong>Thu thập dữ liệu khách hàng</strong>: Trong quá trình chơi, doanh nghiệp có thể yêu cầu người dùng cung cấp thông tin liên hệ như email hoặc số điện thoại để nhận phần thưởng. Điều này giúp doanh nghiệp xây dựng cơ sở dữ liệu cho các chiến dịch tiếp thị tiếp theo.</p></li><li><p><strong>Tăng cường nhận diện thương hiệu</strong>: Minigame giúp thương hiệu dễ dàng được người dùng nhớ đến hơn, đặc biệt khi trò chơi có liên quan đến sản phẩm hoặc dịch vụ mà thương hiệu cung cấp. Thương hiệu có thể khéo léo đưa hình ảnh sản phẩm vào trò chơi để quảng bá.</p></li><li><p><strong>Kích thích hành vi mua hàng</strong>: Nhiều minigame có thể thiết kế để tặng các phần thưởng hoặc mã giảm giá cho người chơi sau khi hoàn thành. Điều này thúc đẩy khách hàng mua sắm ngay sau khi chơi.</p></li></ol><h3>Ví dụ về minigame trong marketing</h3><ol><li><p><strong>Minigame Vòng quay may mắn của Tiki</strong>: Tiki, nền tảng TMĐT nổi tiếng tại Việt Nam, đã từng triển khai vòng quay may mắn để thu hút khách hàng. Khi tham gia trò chơi, người dùng có cơ hội nhận các mã giảm giá hấp dẫn. Đây là cách để Tiki vừa tăng tương tác, vừa kích thích hành vi mua hàng.</p></li><li><p><strong>Shopee Shake</strong>: Shopee sử dụng minigame Shopee Shake trong các chiến dịch flash sale hoặc sự kiện đặc biệt. Người dùng tham gia chơi để thu thập Shopee Coins, sau đó có thể dùng để đổi mã giảm giá hoặc giảm trực tiếp vào đơn hàng. Minigame này tạo cảm giác thú vị và khuyến khích người dùng quay lại ứng dụng hàng ngày.</p></li><li><p><strong>Các trò chơi đoán vui nhận quà</strong>: Một số thương hiệu như L'Oreal hoặc Samsung cũng sử dụng trò chơi đoán vui để người dùng tham gia và trả lời các câu hỏi liên quan đến sản phẩm. Người chơi có cơ hội nhận quà nếu trả lời đúng. Điều này không chỉ tăng cường nhận diện sản phẩm mà còn giúp khách hàng tìm hiểu kỹ hơn về sản phẩm của thương hiệu.</p></li></ol><h3>Lưu ý khi triển khai minigame</h3><ul><li><strong>Đảm bảo dễ chơi và hấp dẫn</strong>: Minigame nên được thiết kế sao cho đơn giản, không phức tạp để người chơi dễ dàng tham gia và cảm thấy hứng thú.</li><li><strong>Phần thưởng hợp lý</strong>: Các phần thưởng hoặc mã giảm giá phải thực sự có giá trị và thu hút để tạo động lực cho người chơi.</li><li><strong>Không quá lạm dụng</strong>: Doanh nghiệp cần tránh tạo quá nhiều minigame dễ gây mệt mỏi cho người dùng. Thay vào đó, hãy tổ chức minigame vào các dịp đặc biệt như lễ hội hoặc sự kiện lớn để tạo điểm nhấn.</li></ul><p>Minigame là công cụ marketing mạnh mẽ nếu được triển khai hiệu quả, giúp doanh nghiệp tăng tương tác, thu thập dữ liệu và thúc đẩy doanh số.</p>",
"image": {
"thumb": "/media/article/t-lucky-dice-game-background_23-2150971831.jpg",
"large": "/media/article/l-lucky-dice-game-background_23-2150971831.jpg"
},
"canonical": "/marketing-bang-minigame-tren-website",
"url": "/marketing-bang-minigame-tren-website",
"path": "marketing-bang-minigame-tren-website"
},
{
"id": 723,
"category": 39,
"title": "Test bài viết tin tức",
"summary": "",
"create_time": 1731640169,
"create_by": "HuraSoft",
"last_update": 1732517364,
"last_update_by": "hurasoft - Tiệp",
"content": "<p>Phương pháp marketing bằng <strong>minigame trên website</strong> là một cách sáng tạo để thu hút người dùng, tăng tương tác và xây dựng mối quan hệ với khách hàng tiềm năng. Cách tiếp cận này thường tận dụng yếu tố giải trí để khách hàng dễ dàng tương tác với thương hiệu và nhớ đến sản phẩm lâu hơn. Dưới đây là đánh giá chi tiết và ví dụ về phương pháp này:</p><h3>Lợi ích của marketing bằng minigame</h3><ol><li><p><strong>Tăng tương tác và thu hút người dùng</strong>: Minigame tạo ra sự thích thú và kích thích người dùng quay lại website nhiều hơn. Khi tham gia trò chơi, người dùng có thể bị cuốn hút bởi các yếu tố thách thức và phần thưởng, khiến họ tương tác lâu hơn với thương hiệu.</p></li><li><p><strong>Thu thập dữ liệu khách hàng</strong>: Trong quá trình chơi, doanh nghiệp có thể yêu cầu người dùng cung cấp thông tin liên hệ như email hoặc số điện thoại để nhận phần thưởng. Điều này giúp doanh nghiệp xây dựng cơ sở dữ liệu cho các chiến dịch tiếp thị tiếp theo.</p></li><li><p><strong>Tăng cường nhận diện thương hiệu</strong>: Minigame giúp thương hiệu dễ dàng được người dùng nhớ đến hơn, đặc biệt khi trò chơi có liên quan đến sản phẩm hoặc dịch vụ mà thương hiệu cung cấp. Thương hiệu có thể khéo léo đưa hình ảnh sản phẩm vào trò chơi để quảng bá.</p></li><li><p><strong>Kích thích hành vi mua hàng</strong>: Nhiều minigame có thể thiết kế để tặng các phần thưởng hoặc mã giảm giá cho người chơi sau khi hoàn thành. Điều này thúc đẩy khách hàng mua sắm ngay sau khi chơi.</p></li></ol><h3>Ví dụ về minigame trong marketing</h3><ol><li><p><strong>Minigame Vòng quay may mắn của Tiki</strong>: Tiki, nền tảng TMĐT nổi tiếng tại Việt Nam, đã từng triển khai vòng quay may mắn để thu hút khách hàng. Khi tham gia trò chơi, người dùng có cơ hội nhận các mã giảm giá hấp dẫn. Đây là cách để Tiki vừa tăng tương tác, vừa kích thích hành vi mua hàng.</p></li><li><p><strong>Shopee Shake</strong>: Shopee sử dụng minigame Shopee Shake trong các chiến dịch flash sale hoặc sự kiện đặc biệt. Người dùng tham gia chơi để thu thập Shopee Coins, sau đó có thể dùng để đổi mã giảm giá hoặc giảm trực tiếp vào đơn hàng. Minigame này tạo cảm giác thú vị và khuyến khích người dùng quay lại ứng dụng hàng ngày.</p></li><li><p><strong>Các trò chơi đoán vui nhận quà</strong>: Một số thương hiệu như L'Oreal hoặc Samsung cũng sử dụng trò chơi đoán vui để người dùng tham gia và trả lời các câu hỏi liên quan đến sản phẩm. Người chơi có cơ hội nhận quà nếu trả lời đúng. Điều này không chỉ tăng cường nhận diện sản phẩm mà còn giúp khách hàng tìm hiểu kỹ hơn về sản phẩm của thương hiệu.</p></li></ol><h3>Lưu ý khi triển khai minigame</h3><ul><li><strong>Đảm bảo dễ chơi và hấp dẫn</strong>: Minigame nên được thiết kế sao cho đơn giản, không phức tạp để người chơi dễ dàng tham gia và cảm thấy hứng thú.</li><li><strong>Phần thưởng hợp lý</strong>: Các phần thưởng hoặc mã giảm giá phải thực sự có giá trị và thu hút để tạo động lực cho người chơi.</li><li><strong>Không quá lạm dụng</strong>: Doanh nghiệp cần tránh tạo quá nhiều minigame dễ gây mệt mỏi cho người dùng. Thay vào đó, hãy tổ chức minigame vào các dịp đặc biệt như lễ hội hoặc sự kiện lớn để tạo điểm nhấn.</li></ul><p>Minigame là công cụ marketing mạnh mẽ nếu được triển khai hiệu quả, giúp doanh nghiệp tăng tương tác, thu thập dữ liệu và thúc đẩy doanh số.</p>",
"image": {
"thumb": "/media/article/t-lucky-dice-game-background_23-2150971831.jpg",
"large": "/media/article/l-lucky-dice-game-background_23-2150971831.jpg"
},
"canonical": "/test-bai-viet-tin-tuc",
"url": "/test-bai-viet-tin-tuc",
"path": "test-bai-viet-tin-tuc"
}
],
"jobDetails": [
{
"title": "Nhân viên phát triển thị trường",
"path": "nhan-vien-phat-trien-thi-truong.html",
"salary": "Thỏa thuận",
"end_date": "31-12-2024",
"location": "Hà Nội",
"applicant_count": 7,
"description": "<h2 class='title'>Mô tả công việc</h2><ul><li>Tìm kiếm khách hàng mới, tiếp cận khai thác Khách hàng tiềm năng.</li><li>Tư vấn khách hàng về sản phẩm, dịch vụ của công ty.</li><li>Chốt hợp đồng khách hàng, triển khai quy trình làm việc với khách hàng.</li><li>Hỗ trợ và chăm sóc khách hàng (tiềm năng, hiện tại, cũ) tạo mối quan hệ với khách hàng.</li><li>Tiếp thu ý kiến khách hàng, phối hợp với các bộ phận khác để khai thác tối đa lợi ích của dịch vụ, khách hàng.</li><li>Hoàn thành chỉ tiêu kinh doanh nhóm và chỉ tiêu cá nhân.</li></ul><p> </p><h2 class='title'>Yêu cầu ứng viên:</h2><ul><li>Tốt nghiệp Cao Đẳng trở lên các trường đào tạo chuyên ngành quản trị kinh doanh, CNTT hoặc các ngành liên quan.</li><li>Đặc biệt ưu tiên có kinh nghiệm làm việc ở các lĩnh vực kinh doanh phần mềm, bán hàng, tư vấn, tiếp thị các sản phẩm về CNTT là 1 lợi thế.</li><li>Có kỹ năng giao tiếp thuyết phục đàm phán tốt , năng động, cải tiến, sáng tạo, chủ động trong công việc.</li><li>Tinh thần trách nhiệm trong công việc. Yêu thích công việc kinh doanh và không ngừng học hỏi, sẳn sàng tiếp thu các kiến thức mới.</li><li>Có laptop, có phương tiện đi lại.</li></ul><p> </p><h2 class='title'>Quyền lợi:</h2><ul><li>Môi trường làm việc chuyên nghiệp, năng động, thân thiện</li><li>Luôn được tiếp xúc với công nghệ và thử thách mới.</li><li>Lương: Lương cứng + hoa hồng + phụ cấp xăng xe, điện thoại</li><li>Thưởng theo ngày lễ, tết</li><li>Được đào tạo kĩ năng mềm ( kỹ năng giao tiếp, xử lý tình huống…..)</li><li>Làm việc từ T2 – sáng T7</li><li>Đóng bảo hiểm theo quy định của Nhà nước</li><li>Được hưởng đầy đủ các chế độ theo quy định của luật lao động</li></ul><p>Ứng viên vui lòng gửi hồ sơ cho chúng tôi qua email <a href='mailto:info@hurasoft.com'>info@hurasoft.com</a></p>"
},
{
"title": "Nhân viên chăm sóc khách hàng",
"path": "nhan-vien-cham-soc-khach-hang.html",
"salary": "Thỏa thuận",
"end_date": "31-12-2024",
"location": "Hà Nội",
"applicant_count": 1,
"description": "<h2><strong>MÔ TẢ CÔNG VIỆC</strong></h2><p>- Tư vấn các khách hàng tiềm năng sản phẩm, dịch vụ của công ty ( sản phẩm phần mềm)</p><p>- Chốt hợp đồng khách hàng, triển khai quy trình làm việc với khách hàng.</p><p>- Hỗ trợ và chăm sóc khách hàng để đảm bảo khách hàng khai thác tối đa lợi ích của sản phẩm.</p><p>- Làm việc với các phòng ban liên quan để liên tục cải thiện, nâng cao chất lượng sản phẩm</p><p> </p><h2><strong>YÊU CẦU CÔNG VIỆC</strong></h2><p>- Nữ từ 1992 - 2002</p><p>- Ưu tiên ứng viên được đào tạo chuyên ngành quản trị kinh doanh, CNTT, Thương mại điện tử, marketing hoặc các ngành liên quan.</p><p>- Không có kinh nghiệm sẽ được đào tạo, nhưng đã có kinh nghiệm làm việc ở môi trường doanh nghiệp là một lợi thế</p><p>- Ứng viên muốn tìm một nơi gắn bó lâu dài, được đào tạo để phát triển sự nghiệp</p><p>- Tinh thần trách nhiệm trong công việc. Yêu thích công việc làm việc với khách hàng, sẳn sàng tiếp thu các kiến thức mới</p><p> </p><h2><strong>QUYỀN LỢI ĐƯỢC HƯỞNG</strong></h2><p>- Môi trường trẻ, năng động, được đào tạo kiến thức về sản phẩm TMĐT, công nghệ</p><p>- Thưởng theo ngày lễ, tết</p><p>- Được đào tạo kĩ năng mềm ( kỹ năng giao tiếp, xử lý tình huống…..)</p><p>- Thời gian làm việc: 8h30 - 17h30 (từ T2 – sáng T7 )</p><p>- Đóng bảo hiểm theo quy định của Nhà nước</p><p>- Được hưởng đầy đủ các chế độ theo quy định của luật lao động</p><p> </p><h2 class='jd-row-heading flex-center mb-2'><strong><span class='text-uppercase bold'>LIÊN HỆ</span></strong></h2><p>Ứng viên vui lòng gửi hồ sơ đến email <a href='mailto:info@hurasoft.com'info@hurasoft.com</a>.</p>"
},
{
"title": "Lập trình viên front-end",
"path": "lap-trinh-vien-front-end.html",
"salary": "Thỏa thuận",
"end_date": "31-12-2024",
"location": "Hà Nội",
"applicant_count": 2,
"description": "<h2><strong>Mô tả công việc:</strong></h2><ul><li>Tham gia phát triển các sản phẩm web/app của công ty.</li><li>Phối hợp với các bộ phận liên quan để đảm bảo tiến độ bàn giao website được triển khai theo đúng cam kết và chất lượng website bàn giao.</li><li>Công việc sẽ được trao đổi cụ thể hơn trong quá trình phỏng vấn.</li></ul><p> </p><h2><strong>Yêu cầu ứng viên:</strong></h2><ul><li>Có kinh nghiệm từ 1 năm trở lên phát triển website.</li><li>Thành thạo HTML, CSS, Bootstrap.</li><li>Biết cơ bản Javascript trở lên (sẽ được đào tạo thêm)</li><li>Có kiến thức về chuẩn SEO onpage.</li><li>Có khả năng làm việc độc lập.</li><li>Có tinh thần trách nhiệm trong công việc.</li></ul><p> </p><h2><strong>Quyền lợi:</strong></h2><ul><li>Lương + hoa hồng dự án theo năng lực.</li><li>Review tăng lương 3-6 tháng/ lần.</li><li>BHXH BHYT theo quy định.</li><li>Được làm việc trong môi trường năng động, có cơ hội học hỏi, phát triển nhanh.</li></ul><p> </p><h2><strong>Liên hệ:</strong></h2><p>Ứng viên vui lòng gửi hồ sơ cho chúng tôi qua email <a href='mailto:info@hurasoft.com'>info@hurasoft.com</a></p>"
},
{
"title": "Thiết kế đồ họa Website, Mobile (UX Designer)",
"path": "thiet-ke-do-hoa-website-mobile-ux-designer",
"salary": "$500-1,000/tháng",
"end_date": "31-12-2024",
"location": "Hà Nội",
"applicant_count": 2,
"description": "<h2><strong>Mô tả công việc:</strong></h2><p>- Tham gia thiết kế các sản phẩm của công ty (bao gồm website, mobile web, mobile app)</p><p>- Nghiên cứu các xu hướng thiết kế mới để liên tục cải thiện, nâng cao chất lượng sản phẩm</p><p>- Phối hợp với các phòng ban liên quan để hoàn thành nhiệm vụ được giao</p><p> </p><h2><strong>Yêu cầu công việc:</strong></h2><p>- Thành thạo Figma, Photoshop</p><p>- Tiếng Anh đọc hiểu tài liệu</p><p>- Ưu tiên ứng viên có hiểu biết về HTML/CSS và các thư viện Ant Design, Material Design, Tailwind CSS ..</p><p>- Năng động, tinh thần làm việc tốt.</p><p> </p><h2><strong>Liên hệ:</strong></h2><p>Ứng viên vui lòng gửi hồ sơ cho chúng tôi qua email <a href='mailto:info@hurasoft.com'>info@hurasoft.com</a></p>"
}
]
}

888
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@@ -6,7 +6,8 @@
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
"lint": "next lint",
"start-api": "json-server --watch data/db.json --port 5000"
},
"dependencies": {
"@fortawesome/fontawesome-free": "^6.7.2",
@@ -26,6 +27,7 @@
"autoprefixer": "^10.4.21",
"eslint": "^9",
"eslint-config-next": "15.2.2",
"json-server": "^1.0.0-beta.3",
"postcss": "^8.5.3",
"tailwindcss": "^4.0.14",
"typescript": "^5"

34
src/app/article/[slug]/page.tsx
View File

@@ -1,13 +1,25 @@
"use client";
import { ArticlesDetailData } from "@/data/article";
import { useParams } from "next/navigation";
import { format } from "date-fns";
import { useEffect, useState } from "react";
import { ArticleDetails } from "@/types/article";
const Detail = () => {
const ArticleDetail = () => {
const { slug } = useParams();
const article = ArticlesDetailData.list.find(
(article) => article.path == slug
);
const [article, setArticle] = useState<ArticleDetails | null>(null);
useEffect(() => {
if (slug) {
const fetchArticleDetail = async () => {
const response = await fetch(
`http://localhost:5000/articleDetails?path=${slug}`
);
const data = await response.json();
setArticle(data[0]);
};
fetchArticleDetail();
}
}, [slug]);
if (!article) {
return (
@@ -22,15 +34,15 @@ const Detail = () => {
<div className="container">
<div className="content-article-detail">
<div className="time">
{format(new Date(article?.last_update * 1000), "dd/MM/yyyy")}
{format(new Date(article.last_update * 1000), "dd/MM/yyyy")}
</div>
<h1 className="title-article">{article?.title}</h1>
<h1 className="title-article">{article.title}</h1>
<div className="summary">{article?.summary}</div>
<div className="summary">{article.summary}</div>
<div className="thumbnail">
<img
src={`https://hurasoft8.hurasoft.com/${article?.image.large}`}
src={`https://hurasoft8.hurasoft.com/${article.image.large}`}
width="100%"
height="100%"
alt=""
@@ -39,7 +51,7 @@ const Detail = () => {
<div
className="content nd"
dangerouslySetInnerHTML={{ __html: article?.content }}
dangerouslySetInnerHTML={{ __html: article.content }}
/>
</div>
</div>
@@ -47,4 +59,4 @@ const Detail = () => {
);
};
export default Detail;
export default ArticleDetail;

78
src/app/article/page.tsx
View File

@@ -1,9 +1,30 @@
"use client";
import { ArticlesData } from "@/data/article";
import { useEffect, useState } from "react";
import { format } from "date-fns";
import Link from "next/link";
import { ArticlesType } from "@/types/article";
const HomeArticle = () => {
const [article, setArticle] = useState<ArticlesType | null>(null);
useEffect(() => {
const fetchArticles = async () => {
const response = await fetch(`http://localhost:5000/articles`);
const data = await response.json();
setArticle(data);
};
fetchArticles();
}, []);
if (!article) {
return (
<div className="text-center text-2xl py-[50px] font-bold italic">
Article not found.
</div>
);
}
const Home = () => {
return (
<div className="page-article">
<div className="container">
@@ -15,14 +36,14 @@ const Home = () => {
</div>
<div className="box-big-article flex">
<div className="box-big" id="js-holder-big">
{ArticlesData.list.slice(0, 1).map((articles) => (
<div className="item-article" key={articles.id}>
<a href={`/article${articles.url}`} className="image-article">
{article.list.slice(0, 1).map((item) => (
<div className="item-article" key={item.id}>
<a href={`/article${item.url}`} className="image-article">
<img
src={`https://hurasoft8.hurasoft.com/${articles.image.large}`}
src={`https://hurasoft8.hurasoft.com/${item.image.large}`}
width={100}
height={100}
alt={articles.title}
alt={item.title}
/>
</a>
<div className="info">
@@ -30,30 +51,30 @@ const Home = () => {
<i className="fa-regular fa-clock"></i>{" "}
<span>
{format(
new Date(articles.last_update * 1000),
new Date(item.last_update * 1000),
"dd/MM/yyyy HH:mm"
)}
</span>
</div>
<a
href={`/article${articles.url}`}
href={`/article${item.url}`}
className="name-article line-clamp-2"
>
{articles.title}
{item.title}
</a>
</div>
</div>
))}
</div>
<div className="box-small" id="js-holder-small">
{ArticlesData.list.slice(1, 3).map((articles) => (
<div className="item-article" key={articles.id}>
<a href={`/article/${articles.url}`} className="image-article">
{article.list.slice(1, 3).map((item) => (
<div className="item-article" key={item.id}>
<a href={`/article/${item.url}`} className="image-article">
<img
src={`https://hurasoft8.hurasoft.com/${articles.image.large}`}
src={`https://hurasoft8.hurasoft.com/${item.image.large}`}
width={100}
height={100}
alt={articles.title}
alt={item.title}
/>
</a>
<div className="info">
@@ -61,16 +82,16 @@ const Home = () => {
<i className="fa-regular fa-clock"></i>{" "}
<span>
{format(
new Date(articles.last_update * 1000),
new Date(item.last_update * 1000),
"dd/MM/yyyy HH:mm"
)}
</span>
</div>
<a
href={`/article/${articles.url}`}
href={`/article/${item.url}`}
className="name-article line-clamp-2"
>
{articles.title}
{item.title}
</a>
</div>
</div>
@@ -82,17 +103,14 @@ const Home = () => {
Xem thêm bài khác
</h2>
<div className="list-article flex flex-wrap" id="js-list-article">
{ArticlesData.list.map((articles) => (
<div className="item-article" key={articles.id}>
<Link
href={`/article/${articles.url}`}
className="image-article"
>
{article.list.map((item) => (
<div className="item-article" key={item.id}>
<Link href={`/article/${item.url}`} className="image-article">
<img
src={`https://hurasoft8.hurasoft.com/${articles.image.large}`}
src={`https://hurasoft8.hurasoft.com/${item.image.large}`}
width={100}
height={100}
alt={articles.title}
alt={item.title}
/>
</Link>
<div className="info">
@@ -100,16 +118,16 @@ const Home = () => {
<i className="fa-regular fa-clock"></i>{" "}
<span>
{format(
new Date(articles.last_update * 1000),
new Date(item.last_update * 1000),
"dd/MM/yyyy HH:mm"
)}
</span>
</div>
<Link
href={`/article/${articles.url}`}
href={`/article/${item.url}`}
className="name-article line-clamp-2"
>
{articles.title}
{item.title}
</Link>
</div>
</div>
@@ -121,4 +139,4 @@ const Home = () => {
);
};
export default Home;
export default HomeArticle;

304
src/app/job/[slug]/page.tsx
View File

@@ -1,173 +1,191 @@
"use client";
import { useState } from "react";
import { JobDataDetail } from "@/data/job";
import { useState, useEffect } from "react";
import { useParams } from "next/navigation";
import { JobDetailType } from "@/types/job";
const Detail = () => {
const JobDetails = () => {
const [job, setJob] = useState<JobDetailType | null>(null);
const [activeTab, setActiveTab] = useState("#info");
const { slug } = useParams();
const showTab = (tab: string) => {
console.log(`Tab clicked: ${tab}`);
setActiveTab(tab);
};
const { slug } = useParams();
const job = JobDataDetail.list.find((job) => job.path == slug);
if (!job) {
return (
<div className="text-center text-2xl py-[50px] font-bold italic">
Công việc này đã dừng tuyển dụng.
</div>
);
}
useEffect(() => {
if (slug) {
const fetchJobDetail = async () => {
const response = await fetch(
`http://localhost:5000/jobDetails?path=${slug}`
);
const data = await response.json();
setJob(data[0]);
};
fetchJobDetail();
}
}, [slug]);
return (
<div className="page-job detail">
<div className="container-job">
<h2 className="title">{job?.title}</h2>
<div className="content-job flex">
<div className="left-job">
<div className="item">
<p>Địa điểm</p>
<b>{job?.location}</b>
{job ? (
<div className="container-job">
<h2 className="title">{job.title}</h2>
<div className="content-job flex">
<div className="left-job">
<div className="item">
<p>Địa điểm</p>
<b>{job.location}</b>
</div>
<div className="item">
<p>Hình thức làm việc</p>
<b>Toàn thời gian cố định</b>
</div>
<div className="item">
<p>Số lượng tuyển</p>
<b>{job.applicant_count}</b>
</div>
</div>
<div className="item">
<p>Hình thức làm việc</p>
<b>Toàn thời gian cố định</b>
</div>
<div className="item">
<p>Số lượng tuyển</p>
<b>{job?.applicant_count}</b>
</div>
</div>
<div className="right-job">
<div className="list-tab flex items-center">
<div
onClick={() => showTab("#info")}
data-id="#info"
className={`item-tab ${activeTab === "#info" ? "active" : ""}`}
>
Chi tiết
<div className="right-job">
<div className="list-tab flex items-center">
<div
onClick={() => showTab("#info")}
data-id="#info"
className={`item-tab ${
activeTab === "#info" ? "active" : ""
}`}
>
Chi tiết
</div>
<div
onClick={() => showTab("#formjob")}
data-id="#formjob"
className={`item-tab ${
activeTab === "#formjob" ? "active" : ""
}`}
>
Nộp hồ sơ
</div>
</div>
<div
onClick={() => showTab("#formjob")}
data-id="#formjob"
className={`item-tab ${
className={`content-tab ${
activeTab === "#info" ? "active" : ""
}`}
id="info"
>
<div dangerouslySetInnerHTML={{ __html: job.description }} />
<a
href="javascript:void(0)"
onClick={() => showTab("#formjob")}
className="btn apply-job"
>
Ứng tuyển ngay
</a>
</div>
<div
className={`content-tab ${
activeTab === "#formjob" ? "active" : ""
}`}
id="formjob"
>
Nộp hồ sơ
</div>
</div>
<div
className={`content-tab ${activeTab === "#info" ? "active" : ""}`}
id="info"
>
<div dangerouslySetInnerHTML={{ __html: job.description }} />
<a
href="javascript:void(0)"
onClick={() => showTab("#formjob")}
className="btn apply-job"
>
Ứng tuyển ngay
</a>
</div>
<div
className={`content-tab ${
activeTab === "#formjob" ? "active" : ""
}`}
id="formjob"
>
<input type="hidden" id="js-job_id" value="13" />
<div className="item-upload d-flex flex-wrap align-items">
<div className="upload-left">
<div className="d-flex align-items">
<i className="fa-solid fa-cloud-arrow-up"></i>
<p className="name-up">Tải lên sơ yếu lý lịch</p>
<input type="hidden" id="js-job_id" value="13" />
<div className="item-upload d-flex flex-wrap align-items">
<div className="upload-left">
<div className="d-flex align-items">
<i className="fa-solid fa-cloud-arrow-up"></i>
<p className="name-up">Tải lên sơ yếu lý lịch</p>
</div>
<p className="gray">
Tải sơ yếu lý lịch của bạn lên đây để tự động điền các
thông tin chính.
</p>
</div>
<p className="gray">
Tải sơ yếu lý lịch của bạn lên đây để tự động điền các thông
tin chính.
</p>
</div>
<div className="upload-right">
<input id="js-file-upload-id" type="hidden" value="" />
<div id="js-container-selector">
<a
id="js-select-file"
href="javascript:void(0);"
className="btn-upload d-block dz-clickable"
>
Upload file
</a>
<div className="upload-right">
<input id="js-file-upload-id" type="hidden" value="" />
<div id="js-container-selector">
<a
id="js-select-file"
href="javascript:void(0);"
className="btn-upload d-block dz-clickable"
>
Upload file
</a>
</div>
</div>
<div className="pd-preview-file-upload">
<div id="js-file-uploaded-list"></div>
<div id="js-preview-file-upload"></div>
</div>
</div>
<div className="pd-preview-file-upload">
<div id="js-file-uploaded-list"></div>
<div id="js-preview-file-upload"></div>
<div className="item-form">
<label>
Tên <span>*</span>
</label>
<input
type="text"
className="input-item"
name="name"
id="js-user_name"
placeholder="Nhập họ và tên"
/>
<div className="note-error"></div>
</div>
<div className="item-form">
<label>
Email <span>*</span>
</label>
<input
type="text"
className="input-item"
name="email"
id="js-user_email"
placeholder="Nhập địa chỉ email"
/>
<div className="note-error"></div>
</div>
<div className="item-form">
<label>
Số điện thoại <span>*</span>
</label>
<input
type="text"
className="input-item"
name="phone"
id="js-user_mobile"
placeholder="Nhập số điện thoại"
/>
<div className="note-error"></div>
</div>
<div className="item-form">
<label>Thông tin bổ sung</label>
<span className="ghichu">
Vui lòng chia sẻ bất kỳ điều gì khác bạn muốn chúng tôi
biết, chẳng hạn như động lực của bạn khi ứng tuyển hoặc các
bối cảnh bổ sung liên quan đến hồ sơ của bạn.
</span>
<textarea
className="input-item"
name="messenger"
id="js-user_note"
placeholder="Nhập nội dung bổ sung"
></textarea>
</div>
<a href="javascript:void(0)" className="btn btn-submit">
Nộp đơn <i className="fa-regular fa-paper-plane"></i>
</a>
</div>
<div className="item-form">
<label>
Tên <span>*</span>
</label>
<input
type="text"
className="input-item"
name="name"
id="js-user_name"
placeholder="Nhập họ và tên"
/>
<div className="note-error"></div>
</div>
<div className="item-form">
<label>
Email <span>*</span>
</label>
<input
type="text"
className="input-item"
name="email"
id="js-user_email"
placeholder="Nhập địa chỉ email"
/>
<div className="note-error"></div>
</div>
<div className="item-form">
<label>
Số điện thoại <span>*</span>
</label>
<input
type="text"
className="input-item"
name="phone"
id="js-user_mobile"
placeholder="Nhập số điện thoại"
/>
<div className="note-error"></div>
</div>
<div className="item-form">
<label>Thông tin bổ sung</label>
<span className="ghichu">
Vui lòng chia sẻ bất kỳ điều gì khác bạn muốn chúng tôi biết,
chẳng hạn như động lực của bạn khi ứng tuyển hoặc các bối cảnh
bổ sung liên quan đến hồ sơ của bạn.
</span>
<textarea
className="input-item"
name="messenger"
id="js-user_note"
placeholder="Nhập nội dung bổ sung"
></textarea>
</div>
<a href="javascript:void(0)" className="btn btn-submit">
Nộp đơn <i className="fa-regular fa-paper-plane"></i>
</a>
</div>
</div>
</div>
</div>
) : (
<div className="container-job">
<div className="text-center text-2xl py-[50px] font-bold italic">
Không có công việc nào.
</div>
</div>
)}
</div>
);
};
export default Detail;
export default JobDetails;

60
src/app/job/page.tsx
View File

@@ -1,32 +1,52 @@
"use client";
import Link from "next/link";
import { JobData } from "@/data/job";
import { useState, useEffect } from "react";
import { JobType } from "@/types/job";
const HomeJob = () => {
const [job, setJob] = useState<JobType | null>(null);
useEffect(() => {
const fetchJob = async () => {
const response = await fetch(`http://localhost:5000/jobs`);
const data = await response.json();
setJob(data);
};
fetchJob();
}, []);
const Home = () => {
return (
<div className="page-job list">
<div className="container-job">
<h2 className="title">Tuyển dụng</h2>
<div className="list-job">
{JobData.list.map((job) => (
<div className="item-job" key={job.id}>
<div className="job-left">
<Link href={`${job.url}`} className="name line-clamp-1">
{job.title}
</Link>
<div className="time">{job.end_date}</div>
{job && job.list && job.list.length > 0 ? (
<div className="list-job">
{job.list.map((item) => (
<div className="item-job" key={item.id}>
<div className="job-left">
<Link href={`${item.url}`} className="name line-clamp-1">
{item.title}
</Link>
<div className="time">{item.end_date}</div>
</div>
<div className="job-right flex items-center">
<div className="localhost">{item.location}</div>
<Link href={`${item.url}`} className="more">
Ứng tuyển ngay <i className="fa-solid fa-angle-right"></i>
</Link>
</div>
</div>
<div className="job-right flex items-center">
<div className="localhost">{job.location}</div>
<Link href={`${job.url}`} className="more">
Ứng tuyển ngay <i className="fa-solid fa-angle-right"></i>
</Link>
</div>
</div>
))}
</div>
))}
</div>
) : (
<div className="text-center text-2xl py-[50px] font-bold italic">
Không có công việc nào.
</div>
)}
</div>
</div>
);
};
export default Home;
export default HomeJob;

105
src/app/page.tsx
View File

@@ -1,13 +1,14 @@
"use client";
import { useEffect } from "react";
import { useState, useEffect } from "react";
import Image from "next/image";
import Link from "next/link";
import { format } from "date-fns";
import { homePageEffect } from "@/effects/homeEffect";
import { ArticlesData } from "../data/article";
import { ArticlesType } from "@/types/article";
export default function Home() {
const [article, setArticle] = useState<ArticlesType | null>(null);
useEffect(() => {
const typingNode = document.getElementById("typewriter") as HTMLElement;
if (typingNode) {
@@ -16,6 +17,14 @@ export default function Home() {
// slider đối tác
homePageEffect.startCarousel("#navheight", true, 3000);
const fetchArticleNews = async () => {
const response = await fetch(`http://localhost:5000/articles`);
const data = await response.json();
setArticle(data);
};
fetchArticleNews();
}, []);
return (
@@ -539,57 +548,59 @@ export default function Home() {
</div>
</div>
</div>
{article && article.list && article.list.length > 0 ? (
<div className="box-article">
<div className="container">
<h2 className="title">Có gì mới?</h2>
<div className="box-article">
<div className="container">
<h2 className="title">Có gì mới?</h2>
<div className="content-item-article" id="js-article-new">
{ArticlesData.list.slice(0, 1).map((articles) => (
<div className="flex" key={articles.id}>
<div className="info">
<div className="tag-blog flex items-center">
<i className="icon_2024 blog"></i>
<span>Blog</span>
</div>
<a href={articles.url} className="name line-clamp-4">
{articles.title}
</a>
<div className="summary line-clamp-4">
{articles.summary}
</div>
<a href={articles.url} className="more">
Chi tiết <i className="fa-solid fa-arrow-right"></i>
</a>
<div className="info-author">
<div className="author flex items-center">
<span>Đăng bởi</span>
<span className="name-author">Admin</span>
<div className="content-item-article" id="js-article-new">
{article.list.slice(0, 1).map((item) => (
<div className="flex" key={item.id}>
<div className="info">
<div className="tag-blog flex items-center">
<i className="icon_2024 blog"></i>
<span>Blog</span>
</div>
<div className="time">
<i className="far fa-clock"></i>{" "}
<span>
{format(
new Date(articles.last_update * 1000),
"dd/MM/yyyy HH:mm"
)}
</span>
<a href={item.url} className="name line-clamp-4">
{item.title}
</a>
<div className="summary line-clamp-4">{item.summary}</div>
<a href={item.url} className="more">
Chi tiết <i className="fa-solid fa-arrow-right"></i>
</a>
<div className="info-author">
<div className="author flex items-center">
<span>Đăng bởi</span>
<span className="name-author">Admin</span>
</div>
<div className="time">
<i className="far fa-clock"></i>{" "}
<span>
{format(
new Date(item.last_update * 1000),
"dd/MM/yyyy HH:mm"
)}
</span>
</div>
</div>
</div>
<div className="image-right">
<img
src={`https://hurasoft8.hurasoft.com/${item.image.large}`}
width={100}
height={100}
alt={item.title}
/>
</div>
</div>
<div className="image-right">
<img
src={`https://hurasoft8.hurasoft.com/${articles.image.large}`}
width={100}
height={100}
alt={articles.title}
/>
</div>
</div>
))}
))}
</div>
</div>
</div>
</div>
) : (
<></>
)}
</div>
</>
);

411
src/data/article.ts
View File

@@ -1,411 +0,0 @@
import { ArticlesType } from '../types/article';
export const ArticlesData: ArticlesType = {
"total": 11,
"list": [
{
"id": 729,
"title": "test bài viết tin tức",
"summary": "An toàn thông tin website đề cập đến các biện pháp và quy trình nhằm bảo vệ dữ liệu và thông tin trên website khỏi các mối đe dọa như hacker, phần mềm độc hại, và các cuộc tấn công mạng khác. Điều này bao gồm việc bảo vệ dữ liệu người dùng, đảm bảo các giao dịch trực tuyến được mã hóa an toàn, và duy trì tính toàn vẹn của các tài nguyên trên website.",
"request_path": "/test-bai-viet-tin-tuc",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1734325200,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1734408362,
"image": {
"thumb": "/media/article/t-item-article-big.png",
"large": "/media/article/l-item-article-big.png"
},
"url": "/test-bai-viet-tin-tuc"
},
{
"id": 728,
"title": "Hướng dẫn theo dõi và cải thiện lượng truy cập website bằng google analytics",
"summary": "",
"request_path": "/huong-dan-theo-doi-va-cai-thien-luong-truy-cap-website-bang-google-analytics",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1734408339,
"image": {
"thumb": "/media/article/t-advisor-financial-business-analytics-woman-team-an.png",
"large": "/media/article/l-advisor-financial-business-analytics-woman-team-an.png"
},
"url": "/huong-dan-theo-doi-va-cai-thien-luong-truy-cap-website-bang-google-analytics"
},
{
"id": 727,
"title": "Yếu tố ảnh hưởng tới quyết định mua hàng online của người dùng trên website",
"summary": "",
"request_path": "/yeu-to-anh-huong-toi-quyet-dinh-mua-hang-online-cua-nguoi-dung-tren-website",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517016,
"image": {
"thumb": "/media/article/t-fashion-blogger-concept-young-asian-women-selling-.jpg",
"large": "/media/article/l-fashion-blogger-concept-young-asian-women-selling-.jpg"
},
"url": "/yeu-to-anh-huong-toi-quyet-dinh-mua-hang-online-cua-nguoi-dung-tren-website"
},
{
"id": 726,
"title": "An toàn thông tin website",
"summary": "An toàn thông tin website đề cập đến các biện pháp và quy trình nhằm bảo vệ dữ liệu và thông tin trên website khỏi các mối đe dọa như hacker, phần mềm độc hại, và các cuộc tấn công mạng khác.",
"request_path": "/an-toan-thong-tin-website",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1734319905,
"image": {
"thumb": "/media/article/t-cyber-security-concept-digital-art_23-2151637760.jpg",
"large": "/media/article/l-cyber-security-concept-digital-art_23-2151637760.jpg"
},
"url": "/an-toan-thong-tin-website"
},
{
"id": 725,
"title": "Làm thế nào để tăng lượng truy cập cho website của bạn?",
"summary": "",
"request_path": "/lam-the-nao-de-tang-luong-truy-cap-cho-website-cua-ban",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517149,
"image": {
"thumb": "/media/article/t-technology-hologram-indoors_23-2151833340.jpg",
"large": "/media/article/l-technology-hologram-indoors_23-2151833340.jpg"
},
"url": "/lam-the-nao-de-tang-luong-truy-cap-cho-website-cua-ban"
},
{
"id": 724,
"title": "Xu hướng cá nhân hóa trải nghiệm người dùng trong thương mại điện tử",
"summary": "",
"request_path": "/xu-huong-ca-nhan-hoa-trai-nghiem-nguoi-dung-trong-thuong-mai-dien-tu",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517289,
"image": {
"thumb": "/media/article/t-3d-representation-reselling-market_23-2150473097.jpg",
"large": "/media/article/l-3d-representation-reselling-market_23-2150473097.jpg"
},
"url": "/xu-huong-ca-nhan-hoa-trai-nghiem-nguoi-dung-trong-thuong-mai-dien-tu"
},
{
"id": 723,
"title": "Thu hút người dùng bằng minigame trên website",
"summary": "",
"request_path": "/marketing-bang-minigame-tren-website",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517364,
"image": {
"thumb": "/media/article/t-lucky-dice-game-background_23-2150971831.jpg",
"large": "/media/article/l-lucky-dice-game-background_23-2150971831.jpg"
},
"url": "/marketing-bang-minigame-tren-website"
},
{
"id": 722,
"title": "Chiến lược marketing website thương mại điện tử nổi bật 2024",
"summary": "",
"request_path": "/nhung-chien-luoc-marketing-website-thuong-mai-dien-tu-noi-bat-2024",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732083342,
"image": {
"thumb": "/media/article/t-rectangle-3.png",
"large": "/media/article/l-rectangle-3.png"
},
"url": "/nhung-chien-luoc-marketing-website-thuong-mai-dien-tu-noi-bat-2024"
},
{
"id": 721,
"title": "Lợi thế nào cho đơn vị bán hàng qua website cạnh tranh với các sàn thương mại điện tử 2024 ?",
"summary": "",
"request_path": "/loi-the-ban-hang-qua-website-so-voi-cac-san-thuong-mai-dien-tu-2024",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517547,
"image": {
"thumb": "/media/article/t-cardboard-boxes-conveyor-belt-warehouse_632498-117.jpg",
"large": "/media/article/l-cardboard-boxes-conveyor-belt-warehouse_632498-117.jpg"
},
"url": "/loi-the-ban-hang-qua-website-so-voi-cac-san-thuong-mai-dien-tu-2024"
},
{
"id": 720,
"title": "Vai trò quan trọng của việc nâng cấp phần mềm",
"summary": "",
"request_path": "/vai-tro-quan-trong-cua-viec-nang-cap-phan-mem",
"review_rate": 0,
"review_count": 0,
"visit": 0,
"like_count": 0,
"article_time": 1731646800,
"allow_se_index": 1,
"comment_count": 0,
"comment_rate": 0,
"last_update": 1732517477,
"image": {
"thumb": "/media/article/t-programming-background-with-person-working-with-co.jpg",
"large": "/media/article/l-programming-background-with-person-working-with-co.jpg"
},
"url": "/vai-tro-quan-trong-cua-viec-nang-cap-phan-mem"
}
]
}
export const ArticlesDetailData = {
"total": 5,
"list": [
{
"id": 726,
"category": 39,
"title": "An toàn thông tin website",
"summary": "An toàn thông tin website đề cập đến các biện pháp và quy trình nhằm bảo vệ dữ liệu và thông tin trên website khỏi các mối đe dọa như hacker, phần mềm độc hại, và các cuộc tấn công mạng khác",
"create_time": 1731644833,
"create_by": "HuraSoft",
"last_update": 1734319905,
"last_update_by": "hurasoft - Tiệp",
"content": `
<p><strong>An toàn thông tin website</strong> đề cập đến các biện pháp và quy trình nhằm bảo vệ dữ liệu và thông tin trên website khỏi các mối đe dọa như hacker, phần mềm độc hại, và các cuộc tấn công mạng khác. Điều này bao gồm việc bảo vệ dữ liệu người dùng, đảm bảo các giao dịch trực tuyến được mã hóa an toàn, và duy trì tính toàn vẹn của các tài nguyên trên website.</p>
<p>Để <strong>đảm bảo an toàn thông tin website</strong>, bạn có thể áp dụng các biện pháp sau:</p>
<h3>1. <strong>Sử dụng chứng chỉ SSL (Secure Sockets Layer)</strong></h3>
<ul>
<li><strong>SSL</strong> mã hóa dữ liệu giữa máy chủ và người dùng, giúp bảo vệ thông tin nhạy cảm như thông tin tài khoản và thẻ tín dụng khỏi bị đánh cắp khi truyền qua mạng. Website có SSL thường bắt đầu bằng <strong>HTTPS</strong> thay vì <strong>HTTP</strong>, và trình duyệt hiển thị một ổ khóa nhỏ trên thanh địa chỉ.</li>
</ul>
<h3>2. <strong>Cập nhật phần mềm và hệ thống thường xuyên</strong></h3>
<ul>
<li>Việc duy trì các bản cập nhật mới nhất cho hệ thống quản lý nội dung (CMS), plugins, và các phần mềm khác trên website giúp giảm thiểu các lỗ hổng bảo mật. Các nhà phát triển thường xuyên phát hành các bản vá lỗi để bảo vệ website khỏi các cuộc tấn công lợi dụng lỗ hổng bảo mật.</li>
</ul>
<h3>3. <strong>Tạo mật khẩu mạnh và quản lý người dùng</strong></h3>
<ul>
<li>Mật khẩu mạnh và chính sách quản lý mật khẩu là một trong những yếu tố quan trọng nhất để bảo vệ tài khoản quản trị website. Nên sử dụng các mật khẩu dài, kết hợp giữa chữ cái, số và ký tự đặc biệt. Ngoài ra, việc yêu cầu xác thực đa yếu tố (2FA) giúp tăng cường bảo mật tài khoản người quản trị.</li>
</ul>
<h3>4. <strong>Sao lưu định kỳ</strong></h3>
<ul>
<li>Việc sao lưu thường xuyên giúp bạn có thể phục hồi website nhanh chóng sau một sự cố bảo mật hoặc mất dữ liệu. Hãy lưu trữ các bản sao lưu ở nhiều nơi an toàn, bao gồm cả đám mây và các ổ cứng ngoài.</li>
</ul>
<h3>5. <strong>Tường lửa web (Web Application Firewall - WAF)</strong></h3>
<ul>
<li><strong>WAF</strong> giúp bảo vệ website khỏi các cuộc tấn công web phổ biến như SQL injection, cross-site scripting (XSS), và các mối đe dọa khác. WAF hoạt động bằng cách phân tích và lọc các lưu lượng mạng đến website của bạn, chỉ cho phép các yêu cầu hợp lệ và an toàn.</li>
</ul>
<h3>6. <strong>Kiểm tra và bảo vệ khỏi phần mềm độc hại</strong></h3>
<ul>
<li>Cài đặt phần mềm diệt virus và các công cụ quét mã độc giúp phát hiện và loại bỏ các phần mềm độc hại có thể xâm nhập vào hệ thống website. Điều này giúp bảo vệ website khỏi bị nhiễm mã độc, gây hại cho người dùng và làm giảm độ tin cậy của trang web.</li>
</ul>
<h3>7. <strong>Giám sát và phát hiện xâm nhập</strong></h3>
<ul>
<li>Sử dụng các công cụ giám sát và phát hiện xâm nhập để theo dõi hoạt động của website và xác định các dấu hiệu xâm nhập hoặc hành vi đáng ngờ. Các hệ thống này có thể giúp bạn phát hiện sớm các cuộc tấn công và giảm thiểu thiệt hại.</li>
</ul>
<h3>8. <strong>Quản lý quyền truy cập</strong></h3>
<ul>
<li>Cung cấp quyền truy cập chỉ cho những người dùng cần thiết và giới hạn quyền truy cập đối với các khu vực quan trọng của website. Việc này giúp giảm nguy cơ bị xâm nhập từ các tài khoản quản trị không đáng tin cậy.</li>
</ul>
<p>Bằng cách thực hiện các biện pháp bảo mật trên, bạn có thể bảo vệ thông tin website và dữ liệu của khách hàng khỏi các mối đe dọa trực tuyến.</p>
`,
"image": {
"thumb": "/media/article/t-cyber-security-concept-digital-art_23-2151637760.jpg",
"large": "/media/article/l-cyber-security-concept-digital-art_23-2151637760.jpg"
},
"canonical": "https://hurasoft8.hurasoft.com/an-toan-thong-tin-website",
"url": "/an-toan-thong-tin-website",
"path": "an-toan-thong-tin-website"
},
{
"id": 724,
"category": 39,
"title": "Xu hướng cá nhân hóa trải nghiệm người dùng trong thương mại điện tử",
"summary": "",
"create_time": 1731640923,
"create_by": "HuraSoft",
"last_update": 1732517289,
"last_update_by": "hurasoft - Tiệp",
"content": `
<p>Cá nhân hóa trải nghiệm người dùng là xu hướng nổi bật trong thương mại điện tử, nhằm đáp ứng nhu cầu cá nhân của từng khách hàng dựa trên hành vi, sở thích, và dữ liệu cá nhân. Trong năm 2024, xu hướng này tiếp tục phát triển với các công nghệ tiên tiến, như trí tuệ nhân tạo (AI) và học máy (machine learning), giúp các doanh nghiệp hiểu sâu hơn về khách hàng và tạo ra trải nghiệm tùy chỉnh cao hơn. Dưới đây là một số hướng cá nhân hóa tiêu biểu:</p>
<h3>1. <strong>Đề xuất sản phẩm thông minh dựa trên AI</strong></h3>
<p>AI và machine learning hỗ trợ gợi ý sản phẩm phù hợp với sở thích của từng khách hàng. Các thuật toán phân tích hành vi mua sắm, tìm kiếm và các tương tác trên website để gợi ý sản phẩm một cách chính xác. Ví dụ, Amazon sử dụng hệ thống gợi ý sản phẩm dựa trên lịch sử mua sắm và các sản phẩm mà khách hàng đã xem, giúp tăng tỷ lệ chuyển đổi​</p>
<h3>2. <strong>Tùy chỉnh nội dung và giao diện theo người dùng</strong></h3>
<p>Cá nhân hóa nội dung cho phép website điều chỉnh giao diện, các banner khuyến mãi và thông tin sản phẩm dựa trên vị trí địa lý, ngôn ngữ, và các mối quan tâm của khách hàng. Ví dụ, các trang web TMĐT có thể hiển thị các sản phẩm phổ biến trong khu vực của khách hàng hoặc ưu đãi đặc biệt theo mùa để tăng sự quan tâm​</p>
<h3>3. <strong>Email marketing cá nhân hóa</strong></h3>
<p>Email marketing ngày càng được cải tiến để cá nhân hóa với nội dung phù hợp như sản phẩm vừa xem, các gợi ý đặc biệt, và mã giảm giá dựa trên lịch sử mua hàng. Điều này giúp tăng cường tương tác và khiến khách hàng quay lại trang web thường xuyên hơn.</p>
<h3>4. <strong>Chatbot và hỗ trợ khách hàng theo thời gian thực</strong></h3>
<p>Chatbot được lập trình dựa trên AI có khả năng trả lời các câu hỏi của khách hàng theo cách tự nhiên và có thể cá nhân hóa từng cuộc trò chuyện dựa trên thông tin cá nhân và lịch sử mua sắm. Điều này không chỉ tăng cường trải nghiệm khách hàng mà còn giảm tải công việc cho bộ phận chăm sóc khách hàng.</p>
<h3>5. <strong>Các chương trình khách hàng thân thiết và ưu đãi cá nhân hóa</strong></h3>
<p>Nhiều website TMĐT áp dụng chương trình khách hàng thân thiết với các ưu đãi dành riêng cho từng cấp độ khách hàng. Dữ liệu về tần suất mua hàng và giá trị giỏ hàng giúp xác định các ưu đãi phù hợp, khuyến khích khách hàng quay lại mua sắm nhiều hơn.</p>
<h3>6. <strong>Cá nhân hóa trải nghiệm giỏ hàng</strong></h3>
<p>Các trang thương mại điện tử ngày càng quan tâm tới việc nhắc nhở giỏ hàng bị bỏ quên bằng cách gửi email hoặc thông báo đẩy. Thêm vào đó, khi khách hàng quay lại, trang web có thể hiển thị lại giỏ hàng còn dang dở để giúp họ tiếp tục quá trình mua sắm một cách liền mạch.</p>
<h3>7. <strong>Dữ liệu và quyền riêng tư</strong></h3>
<p>Với xu hướng cá nhân hóa, quyền riêng tư của khách hàng ngày càng được ưu tiên. Các trang TMĐT cần bảo mật dữ liệu và tuân thủ các quy định bảo vệ thông tin cá nhân, đồng thời cung cấp cho khách hàng quyền kiểm soát đối với thông tin cá nhân của họ.</p>
<p>Cá nhân hóa trong TMĐT đang dần trở thành yếu tố cốt lõi giúp doanh nghiệp xây dựng mối quan hệ chặt chẽ hơn với khách hàng, nâng cao trải nghiệm mua sắm và tạo sự khác biệt trong cạnh tranh.</p>
`,
"image": {
"thumb": "/media/article/t-3d-representation-reselling-market_23-2150473097.jpg",
"large": "/media/article/l-3d-representation-reselling-market_23-2150473097.jpg"
},
"canonical": "/xu-huong-ca-nhan-hoa-trai-nghiem-nguoi-dung-trong-thuong-mai-dien-tu",
"url": "/xu-huong-ca-nhan-hoa-trai-nghiem-nguoi-dung-trong-thuong-mai-dien-tue",
"path": "xu-huong-ca-nhan-hoa-trai-nghiem-nguoi-dung-trong-thuong-mai-dien-tue"
},
{
"id": 723,
"category": 39,
"title": "Thu hút người dùng bằng minigame trên website",
"summary": "",
"create_time": 1731640169,
"create_by": "HuraSoft",
"last_update": 1732517364,
"last_update_by": "hurasoft - Tiệp",
"content": `
<p>Phương pháp marketing bằng <strong>minigame trên website</strong> là một cách sáng tạo để thu hút người dùng, tăng tương tác và xây dựng mối quan hệ với khách hàng tiềm năng. Cách tiếp cận này thường tận dụng yếu tố giải trí để khách hàng dễ dàng tương tác với thương hiệu và nhớ đến sản phẩm lâu hơn. Dưới đây là đánh giá chi tiết và ví dụ về phương pháp này:</p>
<h3>Lợi ích của marketing bằng minigame</h3>
<ol>
<li>
<p><strong>Tăng tương tác và thu hút người dùng</strong>: Minigame tạo ra sự thích thú và kích thích người dùng quay lại website nhiều hơn. Khi tham gia trò chơi, người dùng có thể bị cuốn hút bởi các yếu tố thách thức và phần thưởng, khiến họ tương tác lâu hơn với thương hiệu.</p>
</li>
<li>
<p><strong>Thu thập dữ liệu khách hàng</strong>: Trong quá trình chơi, doanh nghiệp có thể yêu cầu người dùng cung cấp thông tin liên hệ như email hoặc số điện thoại để nhận phần thưởng. Điều này giúp doanh nghiệp xây dựng cơ sở dữ liệu cho các chiến dịch tiếp thị tiếp theo.</p>
</li>
<li>
<p><strong>Tăng cường nhận diện thương hiệu</strong>: Minigame giúp thương hiệu dễ dàng được người dùng nhớ đến hơn, đặc biệt khi trò chơi có liên quan đến sản phẩm hoặc dịch vụ mà thương hiệu cung cấp. Thương hiệu có thể khéo léo đưa hình ảnh sản phẩm vào trò chơi để quảng bá.</p>
</li>
<li>
<p><strong>Kích thích hành vi mua hàng</strong>: Nhiều minigame có thể thiết kế để tặng các phần thưởng hoặc mã giảm giá cho người chơi sau khi hoàn thành. Điều này thúc đẩy khách hàng mua sắm ngay sau khi chơi.</p>
</li>
</ol>
<h3>Ví dụ về minigame trong marketing</h3>
<ol>
<li>
<p><strong>Minigame "Vòng quay may mắn" của Tiki</strong>: Tiki, nền tảng TMĐT nổi tiếng tại Việt Nam, đã từng triển khai vòng quay may mắn để thu hút khách hàng. Khi tham gia trò chơi, người dùng có cơ hội nhận các mã giảm giá hấp dẫn. Đây là cách để Tiki vừa tăng tương tác, vừa kích thích hành vi mua hàng.</p>
</li>
<li>
<p><strong>Shopee Shake</strong>: Shopee sử dụng minigame "Shopee Shake" trong các chiến dịch flash sale hoặc sự kiện đặc biệt. Người dùng tham gia chơi để thu thập Shopee Coins, sau đó có thể dùng để đổi mã giảm giá hoặc giảm trực tiếp vào đơn hàng. Minigame này tạo cảm giác thú vị và khuyến khích người dùng quay lại ứng dụng hàng ngày.</p>
</li>
<li>
<p><strong>Các trò chơi đoán vui nhận quà</strong>: Một số thương hiệu như L'Oreal hoặc Samsung cũng sử dụng trò chơi đoán vui để người dùng tham gia và trả lời các câu hỏi liên quan đến sản phẩm. Người chơi có cơ hội nhận quà nếu trả lời đúng. Điều này không chỉ tăng cường nhận diện sản phẩm mà còn giúp khách hàng tìm hiểu kỹ hơn về sản phẩm của thương hiệu.</p>
</li>
</ol>
<h3>Lưu ý khi triển khai minigame</h3>
<ul>
<li><strong>Đảm bảo dễ chơi và hấp dẫn</strong>: Minigame nên được thiết kế sao cho đơn giản, không phức tạp để người chơi dễ dàng tham gia và cảm thấy hứng thú.</li>
<li><strong>Phần thưởng hợp lý</strong>: Các phần thưởng hoặc mã giảm giá phải thực sự có giá trị và thu hút để tạo động lực cho người chơi.</li>
<li><strong>Không quá lạm dụng</strong>: Doanh nghiệp cần tránh tạo quá nhiều minigame dễ gây mệt mỏi cho người dùng. Thay vào đó, hãy tổ chức minigame vào các dịp đặc biệt như lễ hội hoặc sự kiện lớn để tạo điểm nhấn.</li>
</ul>
<p>Minigame là công cụ marketing mạnh mẽ nếu được triển khai hiệu quả, giúp doanh nghiệp tăng tương tác, thu thập dữ liệu và thúc đẩy doanh số.</p>
`,
"image": {
"thumb": "/media/article/t-lucky-dice-game-background_23-2150971831.jpg",
"large": "/media/article/l-lucky-dice-game-background_23-2150971831.jpg"
},
"canonical": "/marketing-bang-minigame-tren-website",
"url": "/marketing-bang-minigame-tren-website",
"path": "marketing-bang-minigame-tren-website"
},
{
"id": 723,
"category": 39,
"title": "Test bài viết tin tức",
"summary": "",
"create_time": 1731640169,
"create_by": "HuraSoft",
"last_update": 1732517364,
"last_update_by": "hurasoft - Tiệp",
"content": `
<p>Phương pháp marketing bằng <strong>minigame trên website</strong> là một cách sáng tạo để thu hút người dùng, tăng tương tác và xây dựng mối quan hệ với khách hàng tiềm năng. Cách tiếp cận này thường tận dụng yếu tố giải trí để khách hàng dễ dàng tương tác với thương hiệu và nhớ đến sản phẩm lâu hơn. Dưới đây là đánh giá chi tiết và ví dụ về phương pháp này:</p>
<h3>Lợi ích của marketing bằng minigame</h3>
<ol>
<li>
<p><strong>Tăng tương tác và thu hút người dùng</strong>: Minigame tạo ra sự thích thú và kích thích người dùng quay lại website nhiều hơn. Khi tham gia trò chơi, người dùng có thể bị cuốn hút bởi các yếu tố thách thức và phần thưởng, khiến họ tương tác lâu hơn với thương hiệu.</p>
</li>
<li>
<p><strong>Thu thập dữ liệu khách hàng</strong>: Trong quá trình chơi, doanh nghiệp có thể yêu cầu người dùng cung cấp thông tin liên hệ như email hoặc số điện thoại để nhận phần thưởng. Điều này giúp doanh nghiệp xây dựng cơ sở dữ liệu cho các chiến dịch tiếp thị tiếp theo.</p>
</li>
<li>
<p><strong>Tăng cường nhận diện thương hiệu</strong>: Minigame giúp thương hiệu dễ dàng được người dùng nhớ đến hơn, đặc biệt khi trò chơi có liên quan đến sản phẩm hoặc dịch vụ mà thương hiệu cung cấp. Thương hiệu có thể khéo léo đưa hình ảnh sản phẩm vào trò chơi để quảng bá.</p>
</li>
<li>
<p><strong>Kích thích hành vi mua hàng</strong>: Nhiều minigame có thể thiết kế để tặng các phần thưởng hoặc mã giảm giá cho người chơi sau khi hoàn thành. Điều này thúc đẩy khách hàng mua sắm ngay sau khi chơi.</p>
</li>
</ol>
<h3>Ví dụ về minigame trong marketing</h3>
<ol>
<li>
<p><strong>Minigame "Vòng quay may mắn" của Tiki</strong>: Tiki, nền tảng TMĐT nổi tiếng tại Việt Nam, đã từng triển khai vòng quay may mắn để thu hút khách hàng. Khi tham gia trò chơi, người dùng có cơ hội nhận các mã giảm giá hấp dẫn. Đây là cách để Tiki vừa tăng tương tác, vừa kích thích hành vi mua hàng.</p>
</li>
<li>
<p><strong>Shopee Shake</strong>: Shopee sử dụng minigame "Shopee Shake" trong các chiến dịch flash sale hoặc sự kiện đặc biệt. Người dùng tham gia chơi để thu thập Shopee Coins, sau đó có thể dùng để đổi mã giảm giá hoặc giảm trực tiếp vào đơn hàng. Minigame này tạo cảm giác thú vị và khuyến khích người dùng quay lại ứng dụng hàng ngày.</p>
</li>
<li>
<p><strong>Các trò chơi đoán vui nhận quà</strong>: Một số thương hiệu như L'Oreal hoặc Samsung cũng sử dụng trò chơi đoán vui để người dùng tham gia và trả lời các câu hỏi liên quan đến sản phẩm. Người chơi có cơ hội nhận quà nếu trả lời đúng. Điều này không chỉ tăng cường nhận diện sản phẩm mà còn giúp khách hàng tìm hiểu kỹ hơn về sản phẩm của thương hiệu.</p>
</li>
</ol>
<h3>Lưu ý khi triển khai minigame</h3>
<ul>
<li><strong>Đảm bảo dễ chơi và hấp dẫn</strong>: Minigame nên được thiết kế sao cho đơn giản, không phức tạp để người chơi dễ dàng tham gia và cảm thấy hứng thú.</li>
<li><strong>Phần thưởng hợp lý</strong>: Các phần thưởng hoặc mã giảm giá phải thực sự có giá trị và thu hút để tạo động lực cho người chơi.</li>
<li><strong>Không quá lạm dụng</strong>: Doanh nghiệp cần tránh tạo quá nhiều minigame dễ gây mệt mỏi cho người dùng. Thay vào đó, hãy tổ chức minigame vào các dịp đặc biệt như lễ hội hoặc sự kiện lớn để tạo điểm nhấn.</li>
</ul>
<p>Minigame là công cụ marketing mạnh mẽ nếu được triển khai hiệu quả, giúp doanh nghiệp tăng tương tác, thu thập dữ liệu và thúc đẩy doanh số.</p>
`,
"image": {
"thumb": "/media/article/t-lucky-dice-game-background_23-2150971831.jpg",
"large": "/media/article/l-lucky-dice-game-background_23-2150971831.jpg"
},
"canonical": "/test-bai-viet-tin-tuc",
"url": "/test-bai-viet-tin-tuc",
"path": "test-bai-viet-tin-tuc"
},
]
}

210
src/data/job.ts
View File

@@ -1,210 +0,0 @@
import { JobType } from '../types/job';
export const JobData: JobType = {
"total": 4,
"list": [
{
"id": 13,
"title": "Nh\u00e2n vi\u00ean ph\u00e1t tri\u1ec3n th\u1ecb tr\u01b0\u1eddng",
"summary": "",
"salary": "Th\u1ecfa thu\u1eadn",
"vacancy_num": 2,
"end_date": "31-12-2024",
"location": "H\u00e0 N\u1ed9i",
"visit": 0,
"create_time": 1731653302,
"last_update": 1733899503,
"counter": 1,
"image": {
"small": "",
"large": ""
},
"url": "\/job\/nhan-vien-phat-trien-thi-truong.html"
},
{
"id": 12,
"title": "Nh\u00e2n vi\u00ean ch\u0103m s\u00f3c kh\u00e1ch h\u00e0ng",
"summary": "",
"salary": "7-12 tri\u1ec7u",
"vacancy_num": 2,
"end_date": "31-12-2024",
"location": "H\u00e0 N\u1ed9i",
"visit": 0,
"create_time": 1731653230,
"last_update": 1733899517,
"counter": 2,
"image": {
"small": "",
"large": ""
},
"url": "\/job\/nhan-vien-cham-soc-khach-hang.html"
},
{
"id": 11,
"title": "L\u1eadp tr\u00ecnh vi\u00ean front-end",
"summary": "",
"salary": "Th\u1ecfa thu\u1eadn",
"vacancy_num": 2,
"end_date": "31-12-2024",
"location": "H\u00e0 N\u1ed9i",
"visit": 0,
"create_time": 1731652851,
"last_update": 1733899525,
"counter": 3,
"image": {
"small": "",
"large": ""
},
"url": "\/job\/lap-trinh-vien-front-end.html"
},
{
"id": 10,
"title": "Thi\u1ebft k\u1ebf \u0111\u1ed3 h\u1ecda Website, Mobile (UX Designer)",
"summary": "",
"salary": "$500-1,000\/th\u00e1ng",
"vacancy_num": 1,
"end_date": "31-12-2024",
"location": "H\u00e0 N\u1ed9i",
"visit": 0,
"create_time": 1731652564,
"last_update": 1733899533,
"counter": 4,
"image": {
"small": "",
"large": ""
},
"url": "\/job\/thiet-ke-do-hoa-website-mobile-ux-designer.html"
}
]
}
export const JobDataDetail = {
"total": 4,
"list": [
{
"title": "Nhân viên phát triển thị trường",
"path": "nhan-vien-phat-trien-thi-truong.html",
"salary": "Thỏa thuận",
"end_date": "31-12-2024",
"location": "Hà Nội",
"applicant_count": 7,
"description": ` <h2 class="title">Mô tả công việc</h2>
<ul>
<li>Tìm kiếm khách hàng mới, tiếp cận khai thác Khách hàng tiềm năng.</li>
<li>Tư vấn khách hàng về sản phẩm, dịch vụ của công ty.</li>
<li>Chốt hợp đồng khách hàng, triển khai quy trình làm việc với khách hàng.</li>
<li>Hỗ trợ và chăm sóc khách hàng (tiềm năng, hiện tại, cũ) tạo mối quan hệ với khách hàng.</li>
<li>Tiếp thu ý kiến khách hàng, phối hợp với các bộ phận khác để khai thác tối đa lợi ích của dịch vụ, khách hàng.</li>
<li>Hoàn thành chỉ tiêu kinh doanh nhóm và chỉ tiêu cá nhân.</li>
</ul>
<p> </p>
<h2 class="title">Yêu cầu ứng viên:</h2>
<ul>
<li>Tốt nghiệp Cao Đẳng trở lên các trường đào tạo chuyên ngành quản trị kinh doanh, CNTT hoặc các ngành liên quan.</li>
<li>Đặc biệt ưu tiên có kinh nghiệm làm việc ở các lĩnh vực kinh doanh phần mềm, bán hàng, tư vấn, tiếp thị các sản phẩm về CNTT là 1 lợi thế.</li>
<li>Có kỹ năng giao tiếp thuyết phục đàm phán tốt , năng động, cải tiến, sáng tạo, chủ động trong công việc.</li>
<li>Tinh thần trách nhiệm trong công việc. Yêu thích công việc kinh doanh và không ngừng học hỏi, sẳn sàng tiếp thu các kiến thức mới.</li>
<li>Có laptop, có phương tiện đi lại.</li>
</ul>
<p> </p>
<h2 class="title">Quyền lợi:</h2>
<ul>
<li>Môi trường làm việc chuyên nghiệp, năng động, thân thiện</li>
<li>Luôn được tiếp xúc với công nghệ và thử thách mới.</li>
<li>Lương: Lương cứng + hoa hồng + phụ cấp xăng xe, điện thoại</li>
<li>Thưởng theo ngày lễ, tết</li>
<li>Được đào tạo kĩ năng mềm ( kỹ năng giao tiếp, xử lý tình huống…..)</li>
<li>Làm việc từ T2 – sáng T7</li>
<li>Đóng bảo hiểm theo quy định của Nhà nước</li>
<li>Được hưởng đầy đủ các chế độ theo quy định của luật lao động</li>
</ul>
<p>Ứng viên vui lòng gửi hồ sơ cho chúng tôi qua email <a href="mailto:info@hurasoft.com">info@hurasoft.com</a></p>`
}, {
"title": "Nhân viên chăm sóc khách hàng",
"path": "nhan-vien-cham-soc-khach-hang.html",
"salary": "Thỏa thuận",
"end_date": "31-12-2024",
"location": "Hà Nội",
"applicant_count": 1,
"description": ` <h2><strong>MÔ TẢ CÔNG VIỆC</strong></h2>
<p>- Tư vấn các khách hàng tiềm năng sản phẩm, dịch vụ của công ty ( sản phẩm phần mềm)</p>
<p>- Chốt hợp đồng khách hàng, triển khai quy trình làm việc với khách hàng.</p>
<p>- Hỗ trợ và chăm sóc khách hàng để đảm bảo khách hàng khai thác tối đa lợi ích của sản phẩm.</p>
<p>- Làm việc với các phòng ban liên quan để liên tục cải thiện, nâng cao chất lượng sản phẩm</p>
<p> </p>
<h2><strong>YÊU CẦU CÔNG VIỆC</strong></h2>
<p>- Nữ từ 1992 - 2002</p>
<p>- Ưu tiên ứng viên được đào tạo chuyên ngành quản trị kinh doanh, CNTT, Thương mại điện tử, marketing hoặc các ngành liên quan.</p>
<p>- Không có kinh nghiệm sẽ được đào tạo, nhưng đã có kinh nghiệm làm việc ở môi trường doanh nghiệp là một lợi thế</p>
<p>- Ứng viên muốn tìm một nơi gắn bó lâu dài, được đào tạo để phát triển sự nghiệp</p>
<p>- Tinh thần trách nhiệm trong công việc. Yêu thích công việc làm việc với khách hàng, sẳn sàng tiếp thu các kiến thức mới</p>
<p> </p>
<h2><strong>QUYỀN LỢI ĐƯỢC HƯỞNG</strong></h2>
<p>- Môi trường trẻ, năng động, được đào tạo kiến thức về sản phẩm TMĐT, công nghệ</p>
<p>- Thưởng theo ngày lễ, tết</p>
<p>- Được đào tạo kĩ năng mềm ( kỹ năng giao tiếp, xử lý tình huống…..)</p>
<p>- Thời gian làm việc: 8h30 - 17h30 (từ T2 – sáng T7 )</p>
<p>- Đóng bảo hiểm theo quy định của Nhà nước</p>
<p>- Được hưởng đầy đủ các chế độ theo quy định của luật lao động</p>
<p> </p>
<h2 class="jd-row-heading flex-center mb-2"><strong><span class="text-uppercase bold">LIÊN HỆ</span></strong></h2>
<p>Ứng viên vui lòng gửi hồ sơ đến email <a href="mailto:info@hurasoft.com">info@hurasoft.com</a>.</p>`
},
{
"title": "Lập trình viên front-end",
"path": "lap-trinh-vien-front-end",
"salary": "Thỏa thuận",
"end_date": "31-12-2024",
"location": "Hà Nội",
"applicant_count": 2,
"description": `<h2><strong>Mô tả công việc:</strong></h2>
<ul>
<li>Tham gia phát triển các sản phẩm web/app của công ty.</li>
<li>Phối hợp với các bộ phận liên quan để đảm bảo tiến độ bàn giao website được triển khai theo đúng cam kết và chất lượng website bàn giao.</li>
<li>Công việc sẽ được trao đổi cụ thể hơn trong quá trình phỏng vấn.</li>
</ul>
<p> </p>
<h2><strong>Yêu cầu ứng viên:</strong></h2>
<ul>
<li>Có kinh nghiệm từ 1 năm trở lên phát triển website.</li>
<li>Thành thạo HTML, CSS, Bootstrap.</li>
<li>Biết cơ bản Javascript trở lên (sẽ được đào tạo thêm)</li>
<li>Có kiến thức về chuẩn SEO onpage.</li>
<li>Có khả năng làm việc độc lập.</li>
<li>Có tinh thần trách nhiệm trong công việc.</li>
</ul>
<p> </p>
<h2><strong>Quyền lợi:</strong></h2>
<ul>
<li>Lương + hoa hồng dự án theo năng lực.</li>
<li>Review tăng lương 3-6 tháng/ lần.</li>
<li>BHXH BHYT theo quy định.</li>
<li>Được làm việc trong môi trường năng động, có cơ hội học hỏi, phát triển nhanh.</li>
</ul>
<p> </p>
<h2><strong>Liên hệ:</strong></h2>
<p>Ứng viên vui lòng gửi hồ sơ cho chúng tôi qua email <a href="mailto:info@hurasoft.com">info@hurasoft.com</a></p>`
}, {
"title": "Thiết kế đồ họa Website, Mobile (UX Designer)",
"path": "thiet-ke-do-hoa-website-mobile-ux-designer",
"salary": "$500-1,000/tháng",
"end_date": "31-12-2024",
"location": "Hà Nội",
"applicant_count": 2,
"description": `<h2><strong>Mô tả công việc:</strong></h2>
<p>- Tham gia thiết kế các sản phẩm của công ty (bao gồm website, mobile web, mobile app)</p>
<p>- Nghiên cứu các xu hướng thiết kế mới để liên tục cải thiện, nâng cao chất lượng sản phẩm</p>
<p>- Phối hợp với các phòng ban liên quan để hoàn thành nhiệm vụ được giao</p>
<p> </p>
<h2><strong>Yêu cầu công việc:</strong></h2>
<p>- Thành thạo Figma, Photoshop</p>
<p>- Tiếng Anh đọc hiểu tài liệu</p>
<p>- Ưu tiên ứng viên có hiểu biết về HTML/CSS và các thư viện Ant Design, Material Design, Tailwind CSS ..</p>
<p>- Năng động, tinh thần làm việc tốt.</p>
<p> </p>
<h2><strong>Liên hệ:</strong></h2>
<p>Ứng viên vui lòng gửi hồ sơ cho chúng tôi qua email <a href="mailto:info@hurasoft.com">info@hurasoft.com</a></p>`
}
]
}

14
src/types/article.ts
View File

@@ -21,6 +21,20 @@ export interface Article {
url: string;
}
export interface ArticleDetails {
id: number;
title: string;
summary: string;
image: ArticleImage; // Đối tượng ảnh
url: string;
category: number;
content: string;
request_path: string;
path: string;
canonical: string;
last_update: number;
}
export interface ArticlesType {
total: number;
list: Article[];

10
src/types/job.ts
View File

@@ -24,4 +24,14 @@ export interface Job {
export interface JobType {
total: number;
list: Job[];
}
export interface JobDetailType {
title: string;
path: string;
salary: string;
end_date: string;
location: string;
applicant_count: number;
description: string;
}