Project này được xây dựng và hoàn thiện hơn mỗi ngày nhờ vào những góp ý vô giá từ cộng đồng. Xin gửi lời cảm ơn chân thành đến những "kiến trúc sư" đầu tiên:
- @manually (from voz.vn): Cảm ơn "viên gạch" tâm huyết về UI "màu mè", là nguồn cảm hứng trực tiếp cho sự ra đời của tính năng "Focus Mode", giúp trải nghiệm đọc được tập trung hơn.
- @DankeNguyen369 (from voz.vn): Cảm ơn vì đã là người đầu tiên thắp lên vì sao ⭐ cho project này!
(Danh sách này sẽ còn dài thêm nữa...)
[ENGLISH BELOW] 👇
Một web truyện Sci-fi được xây dựng từ đầu với trải nghiệm đọc cao cấp, không quảng cáo. Được tạo ra bởi một sinh viên kỹ thuật "khổ dâm".
Trải nghiệm trực tiếp câu chuyện và sản phẩm tại: 👉 https://namutachi-webtachi.github.io/MirAi-project-/
MirAi là một câu chuyện lãng mạn, tâm lý trong bối cảnh khoa học viễn tưởng, xoay quanh Minh, một sinh viên tự ti và hành trình bước ra khỏi vỏ bọc của mình vì tình yêu với Vy. Nhưng những lựa chọn của cậu lại vô tình khởi đầu cho một chuỗi sự kiện lớn hơn rất nhiều...
Mình bắt đầu project này vì 3 lý do:
- Cay cú vì quảng cáo trên các nền tảng khác.
- Muốn xây dựng một vũ trụ truyện (lore/databook) hoàn chỉnh mà không làm loãng truyện chính.
- Ngứa nghề! Muốn thử thách bản thân tự xây dựng một sản phẩm từ A-Z.
Project này được xây dựng trên Github Pages (miễn phí), và có sự hỗ trợ của Google AI Studio trong giai đoạn đầu để dựng sườn. Toàn bộ logic, tính năng, và việc "dọn bug" đều do mình tự xử.
Đây không chỉ là một trang đọc truyện, đây là một "trải nghiệm":
- Ad-Free 100%: Không gì có thể làm phiền cảm xúc của bạn.
- Dark Mode & Giao diện kính mờ (Glassmorphism): Đọc đêm không mỏi mắt.
- DJ Station 🎵: Nghe nhạc Lofi trực tiếp trong khi đọc.
- Lưu Vết Đọc (Auto-Scroll Memory): F5 hay tắt tab? Web sẽ tự đưa bạn về đúng vị trí đọc dở.
- Hệ thống Wiki/Databook: Khám phá sâu hơn về thế giới, nhân vật, công nghệ.
- PWA Support: Cài đặt web ra màn hình chính như một ứng dụng thực thụ.
Điều mình tự hào nhất không phải là web đọc, mà là trang admin tự code. Nó là một CMS mini với những tính năng điên rồ:
- Studio soạn thảo với KPI, hẹn giờ, auto format.
- Quản lý đa-database cho truyện chính và các mục Databook.
- AI Logic Lab để tạo điều kiện cho hệ thống Thành tựu.
- Và nhiều thứ khác...
Đây là dự án cá nhân, nên mình rất hoan nghênh mọi sự đóng góp.
- Nếu bạn thích project này, hãy cho mình một ⭐ Star nhé!
- Nếu bạn phát hiện bug, hãy tạo một Issue.
- Nếu bạn muốn góp ý về truyện, hãy tham gia Discord của chúng mình.
Cảm ơn bạn đã ghé thăm!
A Sci-fi Web Novel built from scratch for a premium, ad-free reading experience. Handcrafted by a "hardcore" engineering student.
MirAi is a romantic, psychological sci-fi story revolving around Minh, a self-conscious student struggling to step out of his shell for the love of Vy. However, his choices inadvertently trigger a chain of events far larger than he could have imagined...
I started this project for 3 simple reasons:
- Pure Spite: I was fed up with ads cluttering other reading platforms.
- World Building: I wanted to build a complete lore universe (Databook) without disrupting the main story flow.
- Itchy Hands: I just wanted to code! It's a challenge to build a full product from A to Z by myself.
This project is hosted on Github Pages (free hosting!), and I used Google AI Studio in the early stages to scaffold the skeleton. However, all the logic, features, and "bug extermination" are handled manually by yours truly.
This isn't just a reading page; it's an "experience":
- 100% Ad-Free: Nothing breaks your immersion.
- Dark Mode & Glassmorphism: Modern UI that is easy on the eyes for night reading.
- DJ Station 🎵: Built-in Lofi player to set the mood while you read.
- Auto-Scroll Memory: Refreshed the page or closed the tab? The web app remembers exactly where you left off.
- Wiki/Databook System: Deep dive into the world, characters, and technology.
- PWA Support: Install it to your home screen just like a native app.
The part I'm most proud of isn't the reader, but the self-coded Admin Panel. It's a mini-CMS with some crazy features:
- Editor Studio with KPI tracking, Schedule timer, and Auto-formatting.
- Multi-Database Management for the main story and Databook modules.
- AI Logic Lab to define logic for the Achievement system.
- And much more...
This is a personal project, so all contributions are welcome.
- If you like this project, please give me a ⭐ Star!
- If you find a bug, please create an Issue.
- If you want to discuss the story, join our Discord.
Thanks for visiting!