THỰC TẬP DOANH NGHIỆP ĐỀ TÀI XÂY DỰNG ỨNG DỤNG NHA KHOA DÀNH CHO NHA SĨ

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH THỰC TẬP DOANH NGHIỆP ĐỀ TÀI: XÂY DỰNG ỨNG DỤNG NHA KHOA DÀNH CHO NHA SĨ Sinh viên thực : TRẦN DƯƠNG QUANG Giảng viên hướng dẫn: ThS NGUYỄN THANH CẨM Lớp : 18IT3 Đà nẵng, tháng năm 2022 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG THỰC TẬP DOANH NGHIỆP ĐỀ TÀI: Sinh viên thực : TRẦN DƯƠNG QUANG Giảng viên hướng dẫn: ThS NGUYỄN THANH CẨM Lớp : 18IT3 Đơn vị thực tập : Công ty Epiklah Người hướng dẫn : Nam Nguyen & Harry Kek LỜI MỞ ĐẦU Với lần thực tập lần này, em đảm nhiệm vị trí Front-End cơng ty kí hợp đồng nhân viên thức vào đầu tháng năm 2022 với hình thức làm việc từ xa Chính em xin phép công ty lấy module tính nhỏ em làm dự án công ty để làm báo cáo thực tập Vào vấn đề chính: Việt Nam có 90% người có bệnh miệng, 85% trẻ em 6-8 tuổi có sâu sữa, cịn sâu vĩnh viễn gia tăng theo tuổi Đây thông tin GS, TS Trịnh Đình Hải, Giám đốc Bệnh viện Răng – Hàm – Mặt Trung ương cho biết lễ phát động hoạt động hưởng ứng “Ngày sức khỏe miệng giới 2019” diễn sáng 20-3 Ở người cao tuổi người trưởng thành, có 80% người có sâu vĩnh viễn; 60% trẻ em 80% người lớn có viêm lợi, viêm quanh lợi, viêm quanh răng; 30% người trưởng thành trở lên có túi mủ bệnh lý quanh chân răng, làm cho lung lay ổ nhiễm khuẩn lớn Ngồi ra, cịn tỷ lệ cao (hơn 80%) thiếu niên bị lệch lạc cần nắn chỉnh Trong đó, tỷ lệ ung thư vùng miệng thường gặp sở khám chữa bệnh hàm mặt Cùng với năm có hàng ngàn trẻ bị khuyết tật hở mơi vòm miệng sinh Trong thập niên vừa qua, bệnh viện Răng Hàm Mặt Trung ương Hà Nội ngành hàm mặt Việt Nam quan tâm đến chương trình dự phịng bệnh miệng cho trẻ em Chúng tơi triển khai chương trình nha học đường hầu hết 63 tỉnh thành nước Chăm sóc miệng ban đầu cho trẻ em học đường tốt bên cạnh có tuyên truyền chăm sóc miệng cho cộng đồng, vào dịp 20-3 – ngày sức khỏe miệng giới, phát động tháng chăm sóc sức khỏe miệng cho trẻ em cộng đồng Ngày Sức khỏe miệng giới tổ chức 140 nước toàn giới Tại Việt Nam, nhiều hoạt động kỷ niệm ngày diễn thiết thực Trong đợt này, có 30 sở hàm mặt Hà Nội TP Hồ Chí Minh, Huế tỉnh khác đăng ký khám, chữa tuyên truyền chăm sóc sức khỏe miệng, có nơi tổ chức tuần, có nơi tổ chức tháng Vừa qua, Bệnh viện tổ chức cho nhiều y bác sĩ đến trường tiểu học Liên Minh Vĩnh Phúc, Hà Nội số địa điểm để khám điều trị cho trẻ em trường học Tại đây, bác sĩ khám điều trị cho 1.738 trẻ, số trẻ sâu có vấn đề miệng chiếm tới 90% GS Hải phân tích, yếu tố nguy cao liên quan đến sâu đường Mức tiêu thụ đường quốc gia liên quan mật thiết đến sâu Nếu đất nước dùng nhiều đường tỷ lệ sâu cao Ở Việt Nam, đến tiêu thụ 20kg đường/người/năm, tăng 1,5 lần với 10 năm trước (năm 2000 tiêu thụ 13kg/đường/người/năm) Điểm thứ hai yếu tố vi lượng nước uống hàng ngày (chất flour), thiếu không bảo vệ men trước yếu tố cơng gây sâu Khi ăn nhóm glucid, thức ăn cịn sót mặt hay kẽ chân chuyển hóa thành acid, độ PH xuống 5,5 hủy khống men răng, gây lỗ sâu Nếu cung cấp đủ flour làm men cứng, trơ môi trường acid, đó, chẳng may có đánh khơng hay sót thức ăn khơng có nguy hủy khoáng để tạo thành lỗ sâu… Là bệnh viện đầu ngành miệng, GS Hải cho biết, năm bệnh viện khám chữa bệnh cho khoảng hai trăm nghìn người Cùng với sở y tế khác nước, phục vụ khoảng 10 triệu người dân Như khoảng 80 triệu người dân chưa quan tâm chăm sóc miệng GS Hải cho biết, mà khám chữa theo nhu cầu tồn cộng đồng Ngay giới, nước giàu có khơng đủ nhân lực, điều kiện để đáp ứng nhu cầu khám chữa bệnh cho toàn dân Chính vậy, quan trọng phải quan tâm đến dự phòng, dự phòng từ lứa tuổi trẻ em Nếu dự phịng tốt trẻ em giữ hàm tốt suốt đời, giảm gánh nặng y tế cho gia đình xã hội Các bậc phụ huynh nên đưa đến sở nha khoa để khám định kỳ, phát sớm, điều trị giai đoạn đầu giữ hàm tốt./ Bên toàn nội dung thơng tin tình hình bệnh miệng Việt Nam năm vừa qua đầy ý tưởng cho đề tài đời, đề tài mà sau ứng dụng giúp nha sĩ người trực tiếp khám chữa bệnh cho bệnh nhân dễ dàng sử dụng quản lí bệnh nhân cập theo dõi tình hình miệng bệnh nhân Đề tài : “ Ứng dụng nha khoa dành nha sĩ” LỜI CẢM ƠN Để thực Đề án thực tập này, em đính hướng hướng dẫn thầy ThS Nguyễn Thanh Cẩm– giảng viên hướng dẫn Đề án thực tập doanh nghiệp Em xin gửi lời cảm ơn chân thành đến thầy, giúp đỡ hướng dẫn tận tình em trình thực đề tài Trong trình nghiên cứu, thực triển khai đề tài ứng dụng lần em học hỏi từ thầy nhiều điều mẻ giúp ích cho em trình bổ sung kiến thức Tuy nhiên trình nghiên cứu đề tài, kiến thức chuyên ngành hạn chế nên em nhiều thiếu sót tìm hiểu, đánh giá trình bày đề tài Rất mong nhận quan tâm góp ý thầy/cơ mơn để tài em đầy đủ hoàn chỉnh Xin chân thành cảm ơn NHẬN XÉT ……………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… …………………………………………………… MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN MỤC LỤC DANH MỤC HÌNH Chương I: Giới thiệu công ty EPIKLAH 1.1 Cơ quan thực tập 1.2 Giới thiệu chung 1.3 Mục tiêu hoạt động 1.4 Tổ chức hoạt động 1.5 Lĩnh vực hoạt động Chương 2: Giới thiệu 2.1 Mục đích xây dựng đề tài 2.2 Phương pháp 2.3 Cấu trúc đề tài Chương 3: Nghiên cứu tổng quan 3.1 Các phương pháp 3.2 Hạn chế, tồn phương pháp 3.3 Các công nghệ thực khái niệm liên quan Chương 4: Phân tích thiết kế hệ thống 4.1 Mơ hình tổng quan ứng dụng 4.1.1 Chức ứng dụng 4.1.2 Luồng hoạt động ứng dụng 4.2 Phân tích liệu Chương 5: Triển khai xây dựng 5.1 Vẽ phác thảo thiết kế 5.2 Triển khai xây dựng ứng dụng 5.2.1 Xây dựng tạo mơ hình 3D cho hàm người 5.2.2 Xây dựng ứng dụng 6.1 Kết luận 6.2 Hướng phát triển DANH MỤC TÀI LIỆU THAM KHẢO DANH MỤC HÌNH Hình 1- Cấu trúc hệ thống three js Hình - Sơ đồ luồng hoạt động ứng dụng Hình 2- Cấu trúc liệu ứng dụng Hình 1-Giao diện phát thảo trang đăng nhập Hình 3-Xây dựng mơ hình 3D cho hàm Blender Hình 4-Giao diện trang chủ ứng dụng Hình 5-Giao diện trang đăng nhập ứng dụng - Chương I: Giới thiệu công ty EPIKLAH 1.1 Cơ quan thực tập Tên quan: CÔNG TY EPIKLAH Địa chỉ: 33 UBI AVENUE #08-13 VERTEX SINGAPORE (408868) Email: hr@epiklah.sg 1.2 Giới thiệu chung Công ty Epiklah công ty tư vấn gia công phần mềm cơng nghệ thơng tin phát triển nhanh chóng, tập trung vào việc cung cấp giải pháp di động, web kĩ thuật số 1.3 Mục tiêu hoạt động Epiklah thành lập với tầm nhìn mang đến giải pháp hữu ích có mục đích giúp sống người tốt hơn, dễ dàng an toàn Sau gần năm nỗ lực thử thách EPIKLAH mở rộng tầm ảnh hưởng phạm vi tồn cầu 1.4 Tổ chức hoạt động CTO Finance Manager HR & Accounting Manager CEO Chief Strategy Officer Technical Manager Account Manager Enosta Development Manager & Project Manager 10 - Có nhiều khác biệt HTML HTML5 như: - HTML5 hỗ trợ cho nhiều ứng dụng hơn: để sử dụng số ứng dụng SVG, canvas… HTML phải sử dụng thêm phương tiện hỗ trợ nhiên HTML5 khơng - Lưu liệu: HTML5 lưu trữ liệu lưu HTML Local Storage, application cache HTML sử dụng cache trình duyệt - JavaScript chạy web browser: HTML5 hỗ trợ JavaScript chạy web browser, HDMI khơng thể thực được.a - SGML: HTML5 không dựa SGML HTML, nên sản phẩm lập trình có độ tương thích cao - Sử dụng MathML SVG: HTML5 mợ rộng HTML cho phép sử dụng MathML SVG cho văn - Các element: có nhiều element mẻ quan trọng summary, time, aside, audio, video, command, data, details, wbr, figcaption, figure, footer, header, article, keygen, mark, meter, output, rp, rt, section, source, track,… tích hợp HTML5 Bên cạnh đó, loại bỏ elements lỗi thời HTML isindex, applet, basefont, dir, noframes, acronym, frame, frameset, font, big, center, strike,… Ngoài khắc phục hạn chế HTML, HTML5 cịn có lợi ích khơng thể khơng nhắc đến: - Tương thích với trang web tồn Chuẩn hóa kỹ thuật khơng thức Tăng khả phục vụ đa phương tiện - CSS: Để nói CSS3 chắn khơng thể khơng nhắc đến tiền thân CSS CSS từ viết tắt cụm từ Cascading Style Sheets, ngôn ngữ sử dụng để tạo nên phong cách cho website Có thể hiểu CSS đóng vai trị cơng cụ giúp thêm vào thay đổi mặt hình thức đổi bố cục, màu sắc, font chữ,… CSS hoạt động cách khoanh vùng chọn dựa vào tên thẻ HTML, ID hay Class Từ đó, áp dụng thuộc tính cần thay đổi lên vùng chọn Nếu website CSS đơn trang chứa văn với màu chủ đạo trắng đen Điểm giống CSS CSS3: 16 Là phiên CSS nên CSS3 thừa hưởng tất có phiên trước Nhìn chung khơng có q nhiều khác biệt việc triển khai cập nhật Điểm khác CSS CSS3: Sự khác biệt lớn CSS3 xuất mơ-đun Mơđun cho phép thuộc tính hồn thành phê duyệt nhanh phân đoạn hoàn thành phê duyệt theo khối Đối với ứng dụng CSS3 giúp ta bố trí vị trí thành phần, thiết kế điều chỉnh yếu tố ứng dụng - JavaScript: JavaScript ngơn ngữ lập trình phổ biến giới suốt 20 năm qua Nó số ngơn ngữ lập trình web: - HTML: Giúp bạn thêm nội dung cho trang web CSS: Định dạng thiết kế, bố cục, phong cách, canh lề trang web JavaScript: Cải thiện cách hoạt động trang web JavaScript ngơn ngữ lập trình mang đến sinh động website Nó khác với HTML (thường chuyên cho nội dung) CSS (thường chuyên dùng cho phong cách), khác hẵn với PHP (chạy server không chạy máy client) JavaScript ngơn ngữ dễ học Nó phát triển Netscape, dùng 92% webstie JS gắn vào element trang web kiện trang web cú click chuột Hoạt động đa trình duyệt đa thiết bị Nhanh nhẹ ngơn ngữ lập trình khác Có thể an tồn độ phổ biến Bạn thêm JavaScript trực tiếp vào HTML bạn lưu files riêng biệt gọi lên cần Trong ứng dụng này, JavaScript giúp viết tính quan trọng liên quan đến việc tương tác với liệu, viết thành phần để thành phần hoạt động mượt mà giao diện người dùng 17 - Thư viện Three JS: Three.js là thư viện JavaScript 3D dễ sử dụng, gọn nhẹ Nó cung cấp nhiều trình kết xuất canvas, WebGL, v.v Trong viết này, sử dụng trình kết xuất WebGL WebGL (Thư viện đồ họa Web) là API JavaScript mang đồ họa 3D được tăng tốc phần cứng cho trình duyệt mà khơng cần trợ giúp plugin bổ sung WebGL chạy GPU (Bộ xử lý đồ họa) card đồ họa bạn, điều có nghĩa CPU bạn (Bộ xử lý trung tâm) tập trung vào tác vụ khác Từ quan điểm người dùng, ứng dụng đơn giản chạy nhanh nhiều Thư viện ba.js giúp làm việc với WebGL dễ dà Canvas Canvas phần tử HTML5 sử dụng làm trình kết xuất đồ họa cho ThreeJS ng Cấu trúc để build 3D three.js app Hình 1- Cấu trúc hệ thống three js Mọi app xây dựng ThreeJS (và hầu hết real-time 3d app) có thành phần sau: Scene: Component chứa thứ, giống 'vũ trụ thu nhỏ' vậy, nơi mà 3D object tồn Camera: Giống camera giới thực, bạn sử dụng để xem 'scene' (kiểu máy chiếu ấy) Canvas: Phần tử HTML canvas, giống tranh (hay chiếu) trống, threejs vẽ vời lên 18 Renderer: thứ 'máy móc' với input camera scene output vẽ hình ảnh hiển thị canvas Hiểu đơn giản này: camera điện thoại camera, bạn chụp ảnh chụp tầm nhìn camera (xa bị mờ), camera thứ định bạn xem cảnh - scence Lúc điện thoại đóng vai trị renderer lấy cảnh - scene camera ghi lại chiếu lên hình điện thoại - canvas cho nhìn Trong hình cịn có Mesh chưa nhắc tới Tất thứ scene, camera, canvas, renderer khơng phải thứ ta nhìn thấy hình điện thoại (Canvas nơi chứa - tức hình điện thoại, khơng phải hình ảnh hình) Những object hình ảnh hình Mesh Mesh thường mô tả lưới Lưới dày xác đối tượng mesh là vỏ chứa hình geometry và chất liệu material của đối tượng định nghĩa vị trí đối tượng không gian chiều. Geometry là thứ định nghĩa tạo nên hình dạng cho đối tượng, cịn Material cho hiệu ứng bề mặt đối tượng trông 19 - Firebase: Có nhiều cách hiểu Firebase đứng quan điểm khác nhau, sau định nghĩa Firebase tảng di động giúp bạn nhanh chóng phát triển ứng dụng chất lượng cao, phát triển ứng dụng cho người dùng quy mô lớn kiếm nhiều tiền (Firebase gives you the tools to develop high-quality apps, grow your user base, and earn more money We cover the essentials so you can monetize your business and focus on your users.) Firebase dịch vụ hệ thống backend Google cung cấp sẵn cho ứng dụng Mobile bạn, với Firebase bạn rút ngắn thời gian phát triển, triển khai thời gian mở rộng quy mơ ứng dụng mobile phát triển Hỗ trợ tảng Android IOS, Firebase mạnh mẽ, đa năng, bảo mật dịch vụ cần thiết để xây dưng ứng dụng với hàng triệu người sử dụng Lợi ích sử dụng Firebase: Xây dựng ứng dụng nhanh chóng mà khơng tốn thời gian, nhân lực để quản lý hệ thống sơ sở hạ tầng phía sau: Firebase cung cấp cho bạn chức phân tích, sở liệu, báo cáo hoạt động báo cáo cố lỗi để bạn dễ dàng phát triển, định hướng ứng dụng vào người sử dụng nhằm đem lại trải nghiệm tốt cho họ Uy tín chất lượng đảm bảo từ Google: Firebase google hỗ trợ cung cấp tảng phần cứng với quy mô rộng khắp giới, tập đoàn lớn ưng dụng với triệu lượt sử dụng từ người dùng Quản lý cấu hình trải nghiệm ứng dụng Firebase tập trung giao diện website đơn giản, ứng dụng hoạt động độc lập liên kết liệu phân tích chặt chẽ Những chức Firebase: Firebase bao gồm hoạt động như: -Firebase Realtime Database Dữ liệu lưu trữ dạng Json, đồng theo thời gian thực kết nối Khi bạn xây dựng ứng dụng đa tảng Android, IOS Web App, tất client bạn kết nối sở liệu Firebase tự động cập nhật liệu có thay đổi Cả sở liệu json lớn, với độ trễ thấp, Firebase realtime database cho phép bạn xây dựng ứng dụng cần độ realtime app chat, hay game online… -Firebase Authentication: 20 Là chức xác thực người dùng.Hiểu cách đơn giản, app bạn cần phải đăng nhập/ đăng ký tài khoản để sử dụng, Firebase cung cấp cho chức xác thực người dùng email, số điện thoại, hay tài khoản Facebook, Google,…Firebase Authentication giúp thực việc cách dễ dàng, giúp người dùng nhanh chóng tiếp cận sản phẩm Vì thế, chức vơ hữu ích firebase -Firebase Hosting Hỗ trợ nhà phát triển tạo lập ứng dụng cách đơn giản so với việc tự tạo hay thuê server thực mà đảm bảo độ xác an tồn thơng tin Ưu nhược điểm Firebase: - Ưu điểm:  Xây dựng ứng dụng nhanh chóng mà khơng tốn thời gian, nhân lực để quản lý hệ thống sở hạ tầng phía sau: Firebase cung cấp cho bạn chức phân tích, sở liệu, báo cáo hoạt động báo cáo cố lỗi để bạn dễ dàng phát triển, định hướng ứng dụng vào người sử dụng nhằm đem lại trải nghiệm tốt cho họ  Uy tín chất lượng đảm bảo từ Google: Firebase google hỗ trợ cung cấp tảng phần cứng với quy mô rộng khắp giới, tập đoàn lớn ứng dụng với triệu lượt sử dụng từ người dùng  Quản lý cấu hình trải nghiệm ứng dụng Firebase tập trung giao diện website đơn giản, ứng dụng hoạt động độc lập liên kết liệu phân tích chặt chẽ - Nhược điểm:  Không thể sử dụng Firebase mã nguồn mở để phát triển ứng dụng di động  Chỉ hoạt động với Cơ sở liệu NoSQL: Firebase sử dụng Json khơng có tính SQL có cải tiến đáng kể Cloud Tuy nhiên, sở liệu Firebase sử dụng sở liệu quan hệ  Firebase đắt giá không ổn định: Giá thành tính sử dụng Firebase đắt, việc tính giá tiền dựa mức độ sử dụng khiến việc giới hạn giá trở nên khơng rõ ràng khơng thể dự đốn trước chi phí bỏ sử dụng Firebase  Cơ sở liệu họ tổ chức theo kiểu trees, parent-children, kiểu Table nên quen với SQL gặp khó khăn từ mức đôi chút tới nhiều 21 22 Chương 4: Phân tích thiết kế hệ thống 4.1 Mơ hình tổng quan ứng dụng 4.1.1 Chức ứng dụng Các chức ứng dụng bao gồm: - Nha sĩ đăng nhập - Tạo hồ sơ bệnh nhân gồm thơn tin như: tên, tuổi, giới tính, loại người lớn hay trẻ em - Xem tương tác với mơ hình 3D - Chọn bệnh nhân để cập nhập tình hình - Chọn muốn cập nhập thông tin - Lưu thông tin sửa đổi thông tin bệnh nhân cần 4.1.2 Luồng hoạt động ứng dụng Dựa chức ứng dụng ta hình dung hóa luồn hoạt dộng ứng dụng trình thiết kế xây dựng sau Hình - Sơ đồ luồng hoạt động ứng dụng 23 4.2 Phân tích liệu Dữ liệu ứng dụng xây dựng xử lý với Firebase Mọi thông tin bệnh nhân lưu vào database dạn cấu trúc JSON, hình bên dưới: Hình 2- Cấu trúc liệu ứng dụng Cấu trúc liệu hiểu đơn giản sau: - Patient: danh sách chứa bệnh nhân Quang, Hoàng, Trường: tên bệnh nhân Mỗi tên bệnh nhân quản lí chứa thông tin cá nhân gồm: họ tên, tuổi, giới tính, loại trẻ em hay người lớn Và người bệnh nhân có liệu riêng cho họ Mỗi gồm phần gồm: Mặt răng, thân răng, chân Trên phần cụ thể có phần: Trạng thái răng, mơ tả cụ thể, giải pháp điều trị có 24 Chương 5: Triển khai xây dựng 5.1 Vẽ phác thảo thiết kế - Giao diện đăng nhập: Hình 1-Giao diện phát thảo trang đăng nhập - Giao diện để điền thơng tin bệnh nhân thông tin hiển thị mô hình răng: Hình 2-Giao diện phát thảo trang chủ 25 5.2 Triển khai xây dựng ứng dụng 5.2.1 Xây dựng tạo mơ hình 3D cho hàm người Để xây dựng tạo mơ hình người, tìm hiểu cấu tạo hình dáng hàm răng, kích thước vị trí Ứng dụng sử dụng phần mềm Blender để tạo mô hình 3D cho hàm răng: Hình 3-Xây dựng mơ hình 3D cho hàm Blender Hàm tạo có cấu trúc giống đến 98% với hàm người, để tiết kiệm thời gian em tạo hàm trẻ em gồm 20 để xây dựng Hàm có cấu trúc gồm hàm Mỗi gồm thân chân với hai màu riêng biệt Sau xuất dạng file gltf dạng file đưa vào sử dụng để thị nhờ Three JS 26 5.2.2 Xây dựng ứng dụng Hình 4-Giao diện trang chủ ứng dụng Hình 5-Giao diện trang đăng nhập ứng dụng 27 Chương 6: Kết luận hướng phát triển 6.1 Kết luận Sau thời gian vừa học vừa làm hai tháng em hoàn thành đề tài tiện độ đề Đã hoàn thành chức mục tiêu đề đề tài Giúp người dùng cụ thể nha sĩ sử dụng phục vụ cho việc khám chữa bệnh nha sĩ Nha sĩ sử dụng tương tác cách dễ dàng Về kết hoành thành kiểm tra cách kĩ lưỡng Song song Tương lai triển khai tính hữu ích với người dùng 6.2 Hướng phát triển Song song kết đơi tính đề thực việc lên kế hoạch để phát tiển cải thiện ứng dụng điều tất yếu Trong tương lai hướng phát triển làm hệ thốn hoàn chỉnh lớn hơn, hộ trợ nhiều tính chun mơn Và cải thiện giao diện trải nghiệm người dùng tốt 28 DANH MỤC TÀI LIỆU THAM KHẢO HTML5: https://www.w3schools.com/html/ CSS3: https://www.w3schools.com/css/default.asp Javascrip: Eloquent JavaScript: A Modern Introduction to Programming Book by Marijn Haverbeke (https://eloquentjavascript.net/) Three JS journey: https://threejs-journey.com/ Firebase: https://firebase.google.com/docs/build Blender: https://www.youtube.com/playlist?list=PLa1F2ddGya_UvuAqHAksYnB0qL9yWDO6 29 30