Một không gian để khám phá thông tin chi tiết về Anime & Manga
Tiếng Việt (Nhấn để xem)
Chào mừng bạn đến với ANIME.TV! Đây là một dự án website cá nhân được xây dựng với mục đích học hỏi, rèn luyện kỹ năng phát triển web và tạo ra một không gian để lưu trữ, khám phá thông tin chi tiết về Anime và Manga.
Lưu ý quan trọng: Trang web này được xây dựng với mục đích chính là học tập và thực hành, hoàn toàn không có tính thương mại hóa hay thu lợi nhuận. Chúng tôi tập trung vào việc cung cấp thông tin tổng hợp và các liên kết đến nguồn chính thức (nếu có) để tôn trọng quyền sở hữu trí tuệ.
ANIME.TV là một không gian trực tuyến được tạo ra dành cho những người yêu thích văn hóa Anime và Manga. Tại đây, bạn có thể:
- Khám phá thông tin chi tiết về các bộ anime và manga yêu thích.
- Duyệt qua bộ sưu tập hình ảnh và GIF chất lượng cao từ các bộ anime nổi tiếng.
- Giải trí với trò chơi ghép hình 3x3 dựa trên các nhân vật anime.
Trang web được thiết kế với giao diện người dùng thân thiện, lấy cảm hứng từ các nền tảng thông tin phổ biến.
- Trang Chủ: Hiển thị các anime nổi bật (slideshow), danh sách anime mới cập nhật, top picks.
- Chi Tiết Anime (
anime-detail.html): Thông tin chi tiết về một bộ anime, bao gồm mô tả, thể loại. - Thư Viện Manga (
manga.html): Danh sách các bộ truyện tranh với ảnh bìa và thông tin cơ bản. - Đọc Truyện (
reading-manga.html): Giao diện đọc truyện theo từng trang ảnh với các nút điều hướng. - Bộ Sưu Tập Ảnh & GIF (
image-gallery.html,gif-collection.html): Hiển thị các hình ảnh artwork và GIF động. - Game Xếp Hình (
game.html): Trò chơi ghép hình 3x3 với chế độ chơi classic và countdown. - Thiết kế Responsive: Giao diện tương thích trên nhiều kích thước màn hình.
- Dữ liệu động: Nội dung được tải từ các file JSON giúp dễ dàng quản lý.
- Ngôn ngữ: HTML5, CSS3, JavaScript (Vanilla JS).
- Styling: CSS thuần, sử dụng Flexbox và Grid Layout.
- Lưu trữ & Triển khai: GitHub Pages.
Đây là một dự án web tĩnh. Bạn có thể:
- Mở trực tiếp file
index.htmltrong trình duyệt sau khi tải về. - Sử dụng Live Server trong VS Code để có trải nghiệm phát triển tốt nhất.
Đây là một dự án cá nhân. Tuy nhiên, mọi góp ý đều được chào đón. Vui lòng tạo một Issue để thảo luận.
- Người phát triển: Trần Hữu Đạt
- GitHub: @TranHuuDat2004
Dự án này được phát hành dưới giấy phép MIT License.
English (Click to view)
Welcome to ANIME.TV! This is a personal website project built for learning, practicing web development skills, and creating a space to store and explore detailed information related to Anime and Manga.
Important Note: This website is built primarily for educational and practical purposes and is strictly non-commercial. We focus on providing aggregated information and links to official sources (where available) to respect intellectual property rights.
ANIME.TV is an online space created for fans of Anime and Manga culture. Here, you can:
- Discover detailed information about your favorite anime and manga series.
- Browse a collection of high-quality images and GIFs from famous anime series.
- Have fun with a 3x3 sliding puzzle game based on anime characters.
The website is designed with a user-friendly interface, inspired by popular information platforms.
- Homepage: Displays featured anime (slideshow), a list of newly updated anime, and top picks.
- Anime Detail (
anime-detail.html): Shows detailed information about an anime series, including description and genres. - Manga Library (
manga.html): Displays a list of manga series with cover art and basic information. - Manga Reader (
reading-manga.html): A page-by-page image reader interface with navigation controls. - Image & GIF Galleries (
image-gallery.html,gif-collection.html): Showcases artwork, wallpapers, and animated GIFs from various series. - Puzzle Game (
game.html): A 3x3 sliding puzzle game featuring anime images, with classic and countdown modes. - Responsive Design: The interface is compatible across multiple screen sizes (desktop, tablet, mobile).
- Dynamic Data: Content is loaded from JSON files, making it easy to manage and update.
- Languages: HTML5, CSS3, JavaScript (Vanilla JS).
- Styling: Pure CSS, utilizing Flexbox and Grid Layout for modern layouts.
- Hosting & Deployment: GitHub Pages.
- Data Source: Content is managed via JSON files.
Here are some screenshots of the main pages of ANIME.TV:
| Homepage | Anime Detail | Manga Library |
|---|---|---|
| Manga Detail | Manga Reader | Image Gallery |
| Image Detail | Puzzle Game | GIF Gallery |
As this is a static web project based on client-side HTML, CSS, and JavaScript, you can run it as follows:
- Open
index.htmldirectly:- Clone or download the project's source code.
- Open the
index.htmlfile in your web browser.
- Use Live Server (Recommended for development):
- If you use VS Code, install the "Live Server" extension.
- Right-click on
index.htmland select "Open with Live Server".
This is currently a personal project. However, if you have ideas or suggestions, please feel free to open an Issue on this repository.
- Developer: Tran Huu Dat
- GitHub: @TranHuuDat2004
This project is released under the MIT License. See the LICENSE file for more details.
Thank you for checking out ANIME.TV!