Website nhà hàng Sushi phong cách Nhật Bản, giao diện tối giản và hiện đại Công nghệ sử dụng: HTML5, CSS3, Bootstrap 5, TypeScript, Angular Responsive tối ưu cho desktop và mobile, tải nhanh và hiệu ứng mượt Các trang gồm: - Trang chủ: Hình ảnh sushi nổi bật, slider chuyên nghiệp, điều hướng dễ dàng - Menu: Phân loại món ăn (Sushi, Ramen, Tráng miệng...), hình ảnh rõ nét, bố cục trực quan - Chi tiết sản phẩm: Hiển thị đầy đủ thông tin món ăn, mô tả, nguyên liệu, giá - Giỏ hàng: Thêm/xóa món đơn giản, chuẩn bị cho thanh toán - Đặt bàn: Form chọn ngày, giờ, số lượng người, thao tác tiện lợi - Tuyển dụng: Danh sách vị trí, upload hồ sơ trực tiếp - Giới thiệu: Trình bày lịch sử, không gian, sứ mệnh thương hiệu Tài khoản demo: admin Mật khẩu: admin123

Website nhà sách Tân Dino – Sứ mệnh lan tỏa tri thức, giao diện hiện đại, trang nhã. ( CÓ TRANG ADMIN ) Công nghệ sử dụng: HTML5, CSS3, JavaScript, Angular (Bootstrap). Giao diện responsive tối ưu cho desktop và mobile, trải nghiệm mượt mà. Các trang gồm: - Trang chủ: Banner nổi bật, sách mới phát hành, danh mục chính, đầu sách nổi bật. - Tủ sách: Duyệt sách theo danh mục (Giáo Dục, Kinh Tế, Văn Học…), hiển thị giá và đánh giá trực quan. - Chi tiết sản phẩm: Ảnh bìa, tác giả, mô tả, ngày phát hành, giá, nút thêm giỏ hàng. - Giỏ hàng (Modal): Danh sách sản phẩm đã chọn, số lượng, tổng giá, thao tác xóa, đóng. - Tìm kiếm: Ô nhập liệu, kết quả tìm kiếm nhanh, chính xác. - Giới thiệu: Thông tin về nhà sách Tân ACI, sứ mệnh, các bộ ấn phẩm nổi bật. - Liên hệ: Form gửi thông tin (Họ tên, Email, SĐT, Nội dung) dễ sử dụng. - Quản lý sách (Admin): Danh sách, thêm/sửa/xóa sách, quản lý kho và giá. Truy cập: /manage - Tài khoản demo: admin@gmail.com - Mật khẩu: 123456789

( WEBSITE CÓ TRANG ADMIN ) Website đặt đồ ăn nhanh MerryChristmas Food chủ đề Giáng Sinh, giao diện hiện đại, thân thiện. Công nghệ sử dụng: HTML5, CSS3, Bootstrap 5, JavaScript, Angular. Giao diện responsive tối ưu cho desktop và mobile, thao tác đơn giản, hiệu ứng mượt mà. Các trang gồm: - Trang chủ: Banner Giáng Sinh, món ăn nổi bật, ưu đãi, điều hướng chính. - Thực đơn: Danh sách món ăn theo danh mục (Gà, Pizza, Mì, Đồ uống), hình ảnh và giá. - Chi tiết sản phẩm: Thông tin món (mô tả, tùy chọn size), chọn số lượng, thêm vào giỏ hàng. - Giỏ hàng: Xem lại món đã chọn, chỉnh sửa số lượng/xóa, tổng tiền, tiến hành đặt hàng. - Khuyến mãi: Tổng hợp chương trình ưu đãi, thông tin tích điểm. - Theo dõi đơn hàng: Nhập mã kiểm tra tình trạng đơn hàng. - Đăng nhập/Đăng ký: Form đăng nhập và tạo tài khoản người dùng. - Quản lý món ăn (ADMIN): Thêm, sửa, xóa món ăn, cập nhật thông tin và hình ảnh. - Quản lý tài khoản (ADMIN): Thêm, sửa, xóa tài khoản người dùng, phân quyền. Tài khoản demo: admin@gmail.com Mật khẩu: 123456789

( WEBSITE CÓ TRANG ADMIN ) Website thương mại điện tử thời trang phong cách Hàn Quốc, thiết kế tối giản, hiện đại. Công nghệ sử dụng: HTML5, CSS3, Bootstrap 5, JavaScript, Angular. Giao diện responsive tối ưu cho desktop và mobile, trải nghiệm mượt mà. Các trang gồm: - Trang chủ: Banner nổi bật, sản phẩm bán chạy (Best Seller), sản phẩm mới, danh mục thời trang nam/nữ. - Danh mục sản phẩm (Nữ/Nam/Sản phẩm mới): Liệt kê sản phẩm với bộ lọc (Áo, Váy, Quần), tìm kiếm nhanh. - Chi tiết sản phẩm: Hình ảnh rõ nét, mô tả chi tiết, chọn size, số lượng, nút "Thêm Vào Giỏ". - Giỏ hàng (Popup/Modal): Danh sách sản phẩm đã chọn, chỉnh sửa số lượng/xóa, tổng tiền, tùy chọn đóng hoặc thanh toán. - Tài khoản/Hồ sơ người dùng: Hiển thị thông tin cá nhân (Tên đăng nhập, Email, Vai trò). - Đăng nhập/Đăng ký: Form truy cập hoặc tạo tài khoản (qua mục "Tài Khoản" ở header). Tài khoản demo: admin@gmail.com Mật khẩu: 123456789

Website thương mại điện tử thời trang Thiện & Store , giao diện hiện đại, thanh lịch. ( WEBSITE CÓ TRANG ADMIN ) Công nghệ sử dụng: HTML5, CSS3, Bootstrap 5, JavaScript, Angular. **Có backend Fake dùng JSON-SERVER** . Giao diện responsive, tối ưu cho cả desktop và mobile. Các trang có sẵn: - Trang chủ: Banner bộ sưu tập, sản phẩm bán chạy (Best of Sale), ưu đãi (Flash Sale), danh mục thời trang nam/nữ nổi bật. - Trang danh mục sản phẩm (Ví dụ: Quần áo nữ, Quần áo nam, Sản phẩm mới): Liệt kê sản phẩm theo bộ lọc danh mục bên trái, có ô tìm kiếm. - Trang chi tiết sản phẩm: Hiển thị hình ảnh, mã sản phẩm, chi tiết mô tả, lựa chọn kích thước, số lượng, giá bán và nút thêm vào giỏ. - Giỏ hàng (Popup): Danh sách sản phẩm đã chọn (ảnh, tên, giá, kích cỡ, số lượng, tổng giá), nút xóa sản phẩm, nhập mã giảm giá, tổng tiền cuối cùng và nút thanh toán/đóng. - Đăng nhập (Popup): Form nhập email và mật khẩu để đăng nhập. - Tài khoản (User - truy cập qua icon trên header): (Nội dung chi tiết không hiển thị, dự kiến) Quản lý thông tin cá nhân, xem lịch sử đơn hàng. - Quản lý sản phẩm (Admin): Danh sách sản phẩm (ID, Mã, Tên, Danh mục, Giới tính, Giá, Số lượng), các thao tác thêm mới, sửa, xóa sản phẩm. - Quản lý người dùng (Admin): Danh sách người dùng (ID, Tên đăng nhập, Email, Vai trò), các thao tác thêm mới, sửa, xóa người dùng. - Quản lý đơn hàng (Admin - mục menu): Mục quản lý đơn hàng (chi tiết trang không hiển thị). - Tài khoản : admin@gmail.com Mật khẩu : 123456789

( WEBSITE CÓ TRANG ADMIN ) Website LEGO thiết kế theo phong cách tối giản, hiện đại chuẩn thương hiệu toàn cầu. Công nghệ sử dụng: HTML5, CSS3, JavaScript, Angular, Bootstrap. Giao diện responsive tối ưu cho desktop và mobile, bố cục rõ ràng, hình ảnh sắc nét. Các trang gồm: - Trang chủ: Banner quảng cáo sản phẩm mới/nổi bật, danh mục chủ đề (Ninjago, City, Star Wars, Architecture...), sản phẩm gợi ý theo xu hướng. - Danh sách sản phẩm: Bộ lọc theo danh mục (Tuổi, Thương hiệu/Chủ đề), hiển thị sản phẩm dạng lưới với hình ảnh, tên, giá. - Chi tiết sản phẩm: Hình ảnh đa chiều, tên và mã sản phẩm, giá, mô tả chi tiết, tình trạng kho, nút "Thêm giỏ hàng", liên kết hướng dẫn lắp ráp và giao hàng. - Giỏ hàng (Popup/Trang riêng): Liệt kê sản phẩm đã chọn (ảnh, tên, số lượng, giá), tổng tiền, thao tác xóa, nút "Tiếp tục" thanh toán. - Đăng nhập/Đăng ký: Form đăng nhập (tên đăng nhập, mật khẩu), liên kết đăng ký tài khoản mới. - Giới thiệu (Lịch sử phát triển): Trình bày quá trình hình thành và phát triển thương hiệu LEGO. Tài khoản demo: admin Mật khẩu: Admin123

( WEBSITE CÓ TRANG ADMIN ) Website đọc truyện tranh (Manga) có chế độ giao diện Sáng và Tối ( MERN STACK ) ( CÓ chatbot AI , xác thực email khi đi kí tài khoản ) . Công nghệ sử dụng: React , Tailwind CSS ( Daisy UI 3.x ) , Node JS , Mongo DB , JWT , NodeMailer . Giao diện dark-mode responsive, tối ưu cho trải nghiệm đọc truyện trên cả desktop và mobile, bố cục khoa học, dễ điều hướng. Các trang và chức năng chính gồm: - Trang chủ : Hiển thị các bộ truyện nổi bật, mới cập nhật, và truyện BXH nhiều người thích nhất kèm với đó là khung chatbot dễ dàng tìm kiếm truyện theo thể loại , mô tả . Trang tìm kiếm : tìm kiếm truyện theo tên , lọc theo thời gian - thể loại - tên A->Z , random truyện - Chi tiết truyện: Cung cấp thông tin tóm tắt, tác giả, thể loại và danh sách các chương để bắt đầu đọc. - Trang chi tiết thể loại : hiển thị các truyện có thể loại và mô tả thể loại . - Yêu thích : Nơi người dùng lưu lại các bộ truyện đang theo dõi hoặc đã đánh dấu yêu thích. - Trang cá nhân: Quản lý thông tin tài khoản người dùng và hiển thị lịch sử đọc truyện . - Chatbot: Tích hợp chatbot sử dụng Google AI Studio với Model gemini-2.0-flash-lite để hỗ trợ và tương tác với người dùng. - Trang Admin - Quản lý truyện: Giao diện cho phép admin thêm, sửa, xóa thông tin các bộ truyện trong hệ thống. - Trang Admin - Quản lý thể loại: Cho phép admin dễ dàng quản lý (thêm/sửa/xóa) các thể loại truyện. - Trang đăng nhập / đăng kí / xác thực : sau khi người dùng lần dầu đăng kí sẽ yêu cầu người dùng vào email check và nhập mã xác thực vào website để có thể sử dụng được tài khoản

( WEBSITE CÓ TRANG ADMIN ) Website LEGO Fullstack ( MERN STACK ) ( Có thanh toán với Stripe) Công nghệ sử dụng: React , Tailwind CSS ( Hyer UI ) , Node JS , Mongo DB , Stripe ( thanh toán ) , JWT Giao diện responsive tối ưu cho desktop và mobile, bố cục rõ ràng, hình ảnh sắc nét. Các trang gồm: - Trang chủ: Gợi ý các sản phẩm mới/nổi bật, danh mục chủ đề (Ninjago, City, Star Wars, Architecture...), bài viết , trang blog , phần review feedback. - Danh sách sản phẩm: Bộ lọc theo danh mục (Tuổi, Chủ đề , Giá ), hiển thị sản phẩm dạng lưới với hình ảnh, tên, giá. - Chi tiết sản phẩm: Hiển thị chi tiết sản phẩm , giá , tên , mô tả , hình ảnh sản phẩm , thể loại , lứa tuổi sản phẩm, đánh giá ( chỉ sài được khi đã đăng nhập ) , thêm giỏ hàng - Giỏ hàng ( Trang riêng ): Liệt kê sản phẩm đã chọn (ảnh, tên, số lượng, giá), tổng tiền, thao tác xóa, nút "Tiếp tục" thanh toán. - Trang Giới thiệu : giới thiệu sơ qua về Lego lịch sử vòng đời , thương thiệu công ty -Trang Đăng nhập/Đăng ký: Form đăng nhập (tên đăng nhập, mật khẩu), liên kết đăng ký tài khoản mới. Có sử dụng JWT - Trang Cá Nhân : thông tin cơ bản của người dùng email - Trang lịch sử mua hàng - Trang thanh toán : sau khi ở trang giỏ hàng ấn vào thanh toán sẽ chuyển hướng tới trang này . Trang này được sử dụng Stripe và nhập mã Card VISA demo cho thành công là 4242 4242 4242 4242 . Và MM là nhập tháng bất kì tương lai , YY cũng tương tự , Code mã gồm 3 số bất kì ( Lưu ý phải nhập thời gian trong tương lai ) - Trang admin : gồm có 3 trang chính gồm : + Trang admin sản phẩm : thêm xóa sửa sản phẩm ( lưu ý website hiện tại chỉ đăng ảnh với URL ) + Trang admin thể loại ( chủ đề Branch của thương hiệu ) : thêm xóa sửa thể loại ( chủ đề Branch của thương hiệu ) + Trang admin độ tuổi chơi : thêm xóa sửa độ tuổi chơi

Dự án clone mạng xã hội Twitter X, xây dựng trên nền tảng MERN Stack với các chức năng đầy đủ từ xác thực email đến upload ảnh ( Local ). Công nghệ sử dụng: React, Node.js, Express.js, MongoDB, Tailwind CSS, Daisy UI, JWT, Multer (upload ảnh local), Nodemailer (gửi email xác thực). Giao diện Dark Mode hiện đại, responsive, tối ưu cho trải nghiệm người dùng trên cả desktop và mobile. Các chức năng chính: - Xác thực & Bảo mật: Khi đăng ký, hệ thống sẽ gửi email yêu cầu người dùng xác thực tài khoản để kích hoạt. Quá trình đăng nhập được bảo mật và quản lý phiên bằng JWT. - Đăng bài (Post): Tạo bài đăng mới với nội dung chữ và hình ảnh (upload từ máy tính qua Multer). - Tương tác: Thích và bình luận vào các bài đăng của người dùng khác. - Trang cá nhân (Profile): Hiển thị thông tin người dùng, ảnh đại diện, ảnh bìa và danh sách các bài đã đăng. - Chỉnh sửa hồ sơ: Cập nhật thông tin cá nhân, bio, ảnh đại diện và ảnh bìa. - Tìm kiếm: Tìm kiếm những người dùng khác trên nền tảng.