[Tâm sự] Hành trình tự code web truyện từ A-Z của một thằng sinh viên năm 2

  • Người tạo chủ đề Người tạo chủ đề NamuTachi
  • Ngày bắt đầu Ngày bắt đầu

NamuTachi

Senior Member
Chào các bác, em là sinh viên kỹ thuật năm 2, code thì chưa rành mà lại thích đú đởn viết lách.

Chả là em cũng tập tành viết bộ truyện tâm huyết của mình. Viết xong định vứt lên mấy trang có sẵn cho nhanh, nhưng có mấy thứ nó cay cú quá:
  1. Quảng cáo che hết màn hình.
  2. Truyện càng viết nó càng phình ra, nhiều lore, nhiều nhân vật, mà nhét hết vào chương chính thì loãng. Em muốn có một chỗ riêng để làm cái "Databook" (wiki) cho nó bài bản.
Thế là em nảy ra ý định làm một việc khá "khổ dâm": tự xây một cái web riêng từ đầu.

Em xin phép mở thớt này để ghi lại hành trình "tự hành xác" này, cũng là để chia sẻ lại quá trình cho bác nào có ý định làm project cá nhân tương tự, và quan trọng nhất là để xin gạch đá từ các vozer ạ.

Giai đoạn 1: Lên ý tưởng và công nghệ

Vì là sinh viên tiền nong có hạn, em tìm hiểu thì thấy có Github Pages chi phí vận hành gần như bằng 0, nên quyết định theo hướng này.

Giai dung 2: Code và "dọn bug"

Thú thật với các bác là em mới năm 2, kiến thức còn rất nông cạn. Tận dụng lợi thế sinh viên, em đã tìm đến sự trợ giúp của Google AI Studio để nó dựng cho cái khung sườn. Tốc độ AI nó code đúng là kinh người thật.

Tuy nhiên, công việc chính của em sau đó vẫn là đi "dọn bug" do AI đẻ ra, mò mẫm thêm thắt mấy tính năng như Darkmode, nghe nhạc Lofi... rồi đăng tải các chương truyện lên.
Nói các bác đừng cười, em code xong xuôi hết rồi, tự mình đọc truyện của mình, F5 lại trang phải cuộn lại muốn gãy tay mới ngớ người ra là mình ngu, quên code cái tính năng cơ bản nhất là "Lưu vết đọc". Mới phải cặm cụi thêm vào gần đây. Quá trình này đúng là vừa làm vừa học.

Sau khoảng 1 tháng vật lộn, thì thành quả "cây nhà lá vườn" của em cũng tạm gọi là chạy được.

Em mạn phép đăng lên đây để chia sẻ hành trình "khổ dâm" này, cũng là để nhận gạch đá về tư duy làm sản phẩm của một thằng sinh viên non nớt.

Em cảm ơn các bác đã dành thời gian đọc tâm sự của em.
 
Cũng oke đấy, tự xây web truyện vừa viết truyện luôn =))). Có khi tới lúc fen học xong cũng phải có mấy nghìn chap truyện đấy nhể
 
Em cảm ơn các bác đã ghé qua thớt tâm sự của em ạ.

Em đọc lại bài của mình thấy hơi "chay", chỉ kể lể hành trình mà chưa có gì để các bác "nghiệm thu" cả.

Nên em quyết định "chơi lớn", share luôn cả cái repo GitHub của project. Trong đó có toàn bộ code của cái web reader, và em cũng vừa update lại file README.md cho nó bài bản, có cả video demo cho các bác dễ hình dung.

Các bác rành code thì vào ném gạch cho em phần code, còn bác nào thích đọc thì trong file README có link đến web truyện ạ. Coi như em công khai minh bạch toàn bộ quá trình "khổ dâm" của mình luôn.

Em xin nhận mọi gạch đá để mau lớn. Cảm ơn các bác lần nữa!

Link GitHub: GitHub - namutachi-webtachi/MirAi-project- (https://github.com/namutachi-webtachi/MirAi-project-)
 
sau này có thêm quảng cáo không bác
Cảm ơn bác đã có câu hỏi rất hay ạ.

Em xin hứa 100% là KHÔNG BAO GIỜ có đâu bác ơi.

Vì lý do em bắt đầu cái project "khổ dâm" này chính là vì em cay quảng cáo mà bác. Tự mình xây một cái nhà mới chỉ để rồi lại vứt rác vào đó thì còn khổ dâm hơn nữa ạ haha.

Project này em chạy trên Github Pages chi phí gần như bằng 0, nên em không có bất kỳ áp lực nào phải kiếm tiền từ nó cả. Nó thuần là một dự án đam mê, em làm vì thích, vì muốn có một sân chơi sạch cho chính mình và cho anh em cùng gu thôi ạ.

Cảm ơn bác đã quan tâm và ủng hộ project của em nhé!
 
Em cảm ơn các bác đã ghé qua thớt tâm sự của em ạ.

Em đọc lại bài của mình thấy hơi "chay", chỉ kể lể hành trình mà chưa có gì để các bác "nghiệm thu" cả.

Nên em quyết định "chơi lớn", share luôn cả cái repo GitHub của project. Trong đó có toàn bộ code của cái web reader, và em cũng vừa update lại file README.md cho nó bài bản, có cả video demo cho các bác dễ hình dung.

Các bác rành code thì vào ném gạch cho em phần code, còn bác nào thích đọc thì trong file README có link đến web truyện ạ. Coi như em công khai minh bạch toàn bộ quá trình "khổ dâm" của mình luôn.

Em xin nhận mọi gạch đá để mau lớn. Cảm ơn các bác lần nữa!

Link GitHub: GitHub - namutachi-webtachi/MirAi-project- (https://github.com/namutachi-webtachi/MirAi-project-)
Web làm ko đúng thị hiếu của người đọc truyện, màu mè quá
 
Web làm ko đúng thị hiếu của người đọc truyện, màu mè quá
Cảm ơn bác đã dành thời gian trải nghiệm và cho em một góp ý rất thẳng thắn ạ.

Em hoàn toàn hiểu ý của bác. Đúng là cái giao diện với background này em làm theo "gu" cá nhân, muốn nó có vibe chill chill, lofi một chút, nên có thể sẽ hơi "màu mè" và gây mất tập trung so với các trang đọc truyện truyền thống.

Em xin ghi nhận ý kiến này và sẽ suy nghĩ về việc thêm một chế độ "Tập trung đọc" (Focus Mode) hoặc cho phép tùy chỉnh/tắt background trong các bản cập nhật sau ạ.

Dù sao đi nữa, em rất cảm ơn viên gạch chất lượng này của bác. Nó giúp em có thêm góc nhìn từ phía người dùng thực sự!
 
Web làm ko đúng thị hiếu của người đọc truyện, màu mè quá
Em xin quote lại bác @manually để gửi lời cảm ơn chân thành nhất ạ. Nhận được "viên gạch" tâm huyết của bác, em ngứa tay vào code luôn và vừa cho ra lò bản hotfix "thần tốc" để giải quyết đúng vấn đề này.

Xin chính thức giới thiệu "Chế độ Tập trung" (Focus Mode)!

Các bác chỉ cần vào trang đọc, bấm vào nút "Bật Tập Trung" (em để ngay cạnh nút Cài đặt), nó sẽ ngay lập tức:
  • Ẩn hết background màu mè, footer, và các thứ gây nhiễu.
  • Kéo dãn trang đọc ra cho full màn hình.
  • Giữ lại những thứ quan trọng nhất: Nút chuyển chương và phần comment.
Và để vinh danh "viên gạch" đầu tiên và vô giá này, em cũng đã tạo một mục mới trên repo GitHub là "Hall of Fame" . Tên của bác @manually đã được em trân trọng đặt ở vị trí đầu tiên. Sau này, mọi đóng góp giá trị em đều sẽ cập nhật lên đó ạ.

Em mạn phép mời bác @manually và các bác khác vào trải nghiệm và tiếp tục "thông não" cho em với. Em cảm ơn các bác rất nhiều!

Demo về focus mode
Trước khi bật focus mode
1768397745595.webp


1768397783994.webp

Sau khi bật focus mode:
1768397851972.webp


1768397875075.webp
 

Thống kê chủ đề

Ngày tạo
NamuTachi,
Người trả lời cuối
Reiju Vinsmoker,
Trả lời
9
Lượt xem
1.479
Quay lại
Lên đầu trang