Mã bản sao Instagram Full Stack với Flutter và Firebase

Flutter và Firebase có thể hoạt động tốt cùng nhau để tạo ra một ứng dụng ngăn xếp đầy đủ.

Chúng tôi vừa xuất bản một khóa học trên kênh YouTube freeCodeCamp.org sẽ dạy bạn cách tạo bản sao Instagram bằng cách sử dụng Flutter ở giao diện người dùng và Firebase ở giao diện người dùng.

Sau hướng dẫn này, bạn sẽ có thể sử dụng Firebase trong bất kỳ dự án nào của mình. Bạn sẽ tìm hiểu về Firestore, Firebase Auth, Firebase Storage, Responsive UI và hơn thế nữa!

Rivaan Ranawat đã tạo ra khóa học này. Anh ấy là một nhà phát triển giàu kinh nghiệm và đã tạo ra nhiều khóa học lập trình phổ biến.

Bản sao Instagram này có các tính năng cơ bản như tạo người dùng, tạo bài đăng, tải hình ảnh lên, thích / không thích bài đăng, theo dõi người dùng, đồng bộ hóa thời gian thực, bình luận, tìm kiếm và hơn thế nữa.

(Và nói về Instagram, bạn đang theo dõi Trang Instagram của freeCodeCamp?)

Dưới đây là các phần được đề cập trong khóa học này:

  • Demo của ứng dụng
  • Điều kiện tiên quyết
  • Thiết lập và tạo ứng dụng
  • Xây dựng tiện ích bố cục đáp ứng
  • Thiết lập Firebase
  • Giao diện người dùng màn hình đăng nhập (Di động)
  • Giao diện người dùng màn hình đăng ký (Di động)
  • Xác thực đăng ký Firebase
  • Xác thực đăng nhập Firebase
  • Trạng thái xác thực tồn tại
  • Lập mô hình dữ liệu người dùng
  • Quản lý trạng thái dữ liệu người dùng
  • Thanh ứng dụng dưới cùng trên thiết bị di động
  • Thêm giao diện người dùng màn hình bài đăng
  • Chọn hình ảnh
  • Lưu trữ dữ liệu bài đăng trong Firebase
  • Giao diện người dùng của bài đăng nguồn cấp dữ liệu
  • Hiển thị dữ liệu bài đăng từ Firebase
  • Thích hoạt hình
  • Cập nhật lượt thích
  • Giao diện người dùng màn hình nhận xét
  • Lưu trữ nhận xét trong Firestore
  • Hiển thị Nhận xét
  • Xóa bài đăng
  • Tìm kiếm người dùng
  • Hiển thị các bài đăng trên màn hình tìm kiếm
  • Tạo giao diện người dùng màn hình hồ sơ có thể sử dụng lại
  • Hiển thị dữ liệu hồ sơ
  • Người dùng đang theo dõi
  • Đăng xuất
  • Tạo giao diện người dùng đáp ứng
  • Sự kết luận

Xem toàn bộ khóa học bên dưới hoặc trên kênh YouTube freeCodeCamp.org (Đồng hồ 7 giờ).

Thanks for Reading

Enjoyed this post? Share it with your networks.

Get more stuff

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.

Leave a Feedback!