Skip to content

sptungG/CI65-Fairy-Tales

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DEMO

DEMO

DEMO

https://ci65-fairy-tales.vercel.app/

Facebook post

🌈Mindx CI65 Team 2

4/10/2021

🍀Ai rồi cũng phải trở lại tuổi thơ thôi, 1 tháng qua tụi mình đã làm 1 web về "Truyện" nhưng đặc biệt hơn đó là "Truyện nói" :v

🍀Giới thiệu: 👉

👉Truyện nói là 1 phần để các bạn không cần phải dí mắt vào để đọc nó mà chỉ cần nhấn nút "Play" là có thể được thuyết minh lại rồi :v

👉 Truyện có đủ mọi thể loại: Cổ tích, Lịch sử, Cuộc sống,....

Các tính năng:

👉 Đăng kí, đăng nhập và phân quyền quản trị Admins Users

👉 Xem và nghe các câu chuyện với hiệu ứng như sách thật.

👉 Tìm kiếm và lọc những câu chuyện theo chủ đề mình thích .

👉 Chỉnh sửa thông tin làm nổi bật hơn khi mọi người nhìn vào bình luận của bạn.

👉 Xếp hạng , Bình luận và yêu thích để lưu các câu chuyện làm phong phú trang cá nhân.

👉 Và có thể xem trang cá nhân người khác thông qua bình luận.

👉 Responsive dành cho các màn hình nhỏ giúp tăng trải nghiệm hơn.

👉 Đặc biệt là nghe truyện.

👉 ......

  • Form đăng kí đăng nhập ./ci65-imgs/01.png
  • List các câu chuyện với filter đang là All và các icons bên phải là sắp xếp theo Đánh giá, Lượt xem, Thời gian tạo ./ci65-imgs/02.png
  • Tìm kiếm ./ci65-imgs/03.png
  • Trang hiển thị các trang và audio của chuyện với hiệu ứng mở sách ./ci65-imgs/04.png
  • Phần chi tiết thông tin của chuyện, mục Đánh giá và Bình luận ./ci65-imgs/05.png
  • Khi bấm vào phần Tên trong Bình luận sẽ hiển thị ra trang cá nhân người đó ./ci65-imgs/06.png
  • Trang cá nhân ./ci65-imgs/07.png
  • Khi bấm vào ảnh sẽ có nút Sửa thông tin cá nhân ./ci65-imgs/08.png
  • Đăng nhập với role Admin đầy đủ chức năng như người dùng bình thường và có bảng quản lý như hình ./ci65-imgs/09.png
  • Form Tạo mới chuyện ./ci65-imgs/10.png
  • Câu chuyện mới được thêm vào (Lọ lem) ./ci65-imgs/11.png
  • Trang hiển thị câu chuyện mới ./ci65-imgs/12.png

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 68.8%
  • SCSS 29.8%
  • HTML 1.4%