Instagram,Sharecode Flutter,Instagram Story Saver,Mobile,source code database,e commerce

Ảnh demo (8)

Xem LIVE DEMO

[Mã code 51247]

Instagram app mobile

(1 Đánh giá)

0 30

Instagram là ứng dụng mạng xã hội ảnh phổ biến nhất trên thế giới. Đến với Instagram, bạn dễ dàng chia sẻ những hình ảnh, video đẹp, những khoảnh khắc đáng nhớ tới bạn bè.

Danh mục

Android

Thể loại

Ứng dụngGiải trí

Ngày đăng

17-10-2024

Loại file

Full code

File download

flutter-clean-architecture-instagram-main.zip [#]

Gửi thông báo lỗi Báo vi phạm bản quyền

Gửi ngay

CAM KẾT TỪ NGƯỜI BÁN

Chức năng đầy đủ và giống demo 100%.

Hỗ trợ cài đặt qua teamviewer.

Code có gần đầy đủ các chức năng như instagram khoảng 90%.

CodeApplication

(Hạng vàng)
Xem trang

Source code
4

Đánh giá (4)
5/5

Ngày tham gia
17/10/2024

1. Chức năng (Functional Requirements):
- Tùy chỉnh feed ảnh dựa trên người dùng theo dõi: Ứng dụng sẽ sử dụng Firebase Cloud Functions để hiển thị các bài đăng từ những người mà người dùng đang theo dõi.
- Đăng ảnh từ máy ảnh hoặc thư viện: Người dùng có thể đăng các bài viết với hình ảnh được chụp trực tiếp từ máy ảnh hoặc lấy từ thư viện ảnh của họ.
- Thích bài viết: Người dùng có thể thích các bài đăng của người khác.
- Bình luận bài viết: Người dùng có thể bình luận dưới các bài đăng.
- Xem tất cả bình luận: Người dùng có thể xem tất cả bình luận của một bài viết.
- Tìm kiếm người dùng: Cho phép tìm kiếm người dùng khác dựa trên tên hoặc tài khoản.
- Trang cá nhân (Profile): Người dùng có trang cá nhân để xem và quản lý bài đăng, ảnh đại diện, và thông tin của mình.
- Theo dõi / Bỏ theo dõi người dùng: Người dùng có thể theo dõi hoặc bỏ theo dõi người dùng khác.
- Thay đổi chế độ xem ảnh: Người dùng có thể chuyển đổi giữa dạng lưới và dạng feed để xem bài đăng của mình.
- Thêm phần tiểu sử (bio): Người dùng có thể tự thêm và chỉnh sửa tiểu sử ngắn trên trang cá nhân.
- Bảng hoạt động: Hiển thị các hoạt động gần đây như ai đã thích, bình luận bài viết của người dùng hoặc người dùng mới theo dõi.
2. Yêu cầu phi chức năng (Non-Functional Requirements):
- Hiệu suất: Ứng dụng cần tải dữ liệu và hiển thị hình ảnh nhanh chóng, ngay cả khi số lượng bài đăng lớn.
- Bảo mật: Các thông tin người dùng, bình luận, và dữ liệu cá nhân phải được bảo mật và mã hóa trong quá trình lưu trữ và truyền tải.
- Khả năng mở rộng (Scalability): Hệ thống cần khả năng mở rộng để xử lý hàng triệu người dùng và bài đăng cùng lúc mà không ảnh hưởng đến hiệu suất.
- Khả năng tương thích (Compatibility): Ứng dụng cần hỗ trợ nhiều phiên bản hệ điều hành khác nhau trên Android và iOS.
- Trải nghiệm người dùng (UX): Giao diện người dùng phải trực quan, dễ sử dụng và đáp ứng nhanh với các thao tác của người dùng.
- Khả năng chịu lỗi (Fault Tolerance): Ứng dụng cần có cơ chế sao lưu và phục hồi trong trường hợp mất kết nối hoặc gặp sự cố với Firebase hoặc các dịch vụ phụ trợ.
- Thời gian phản hồi (Response Time): Hệ thống cần đảm bảo thời gian phản hồi của các chức năng quan trọng như thích, bình luận, và tìm kiếm người dùng dưới 2 giây.
- Sẵn sàng (Availability): Ứng dụng cần hoạt động liên tục 24/7 với thời gian ngừng hoạt động tối thiểu.
Yêu cầu này giúp đảm bảo rằng ứng dụng Instagram sẽ cung cấp trải nghiệm người dùng mượt mà và đáp ứng được các yêu cầu về chức năng cũng như phi chức năng trong quá trình sử dụng.

XEM THÊM ==> Hướng dẫn cài đặt chi tiết

HÌNH ẢNH DEMO

HƯỚNG DẪN CÀI ĐẶT

Cài đặt Flutter
Thiết lập ứng dụng Firebase
Bạn cần tạo một instance Firebase. Hãy làm theo hướng dẫn tại https://console.firebase.google.com.
Sau khi tạo xong, bạn cần bật chức năng xác thực Google.

Truy cập vào Firebase Console cho instance mới của bạn.
Chọn "Authentication" trong menu bên trái.
Nhấn vào tab "sign-in method".
Nhấp chọn "Google" và bật nó lên.

Tạo Cloud Functions (để làm cho Feed hoạt động)

Tạo một dự án Firebase mới bằng lệnh firebase init.
Sao chép file functions/lib/index.js của dự án này vào file functions/index.js của dự án Firebase của bạn.
Deploy function getFeed bằng lệnh firebase deploy --only functions. Sau khi hoàn tất, bạn sẽ thấy URL của getFeed. Hãy sao chép URL này.
Thay thế URL trong hàm _getFeed trong file feed.dart bằng URL của Cloud Function bạn vừa tạo.

Nếu gặp lỗi "Error parsing triggers: Cannot find module './notificationHandler'", bạn có thể cần làm theo một số bước khác. Nếu không giải quyết được vấn đề, hãy mở một yêu cầu mới.

Bạn có thể cần tạo index cần thiết bằng cách chạy firebase functions:log và nhấp vào đường dẫn được cung cấp.

Nếu không gặp lỗi nhưng Feed trống, bạn phải đăng ảnh hoặc theo dõi người dùng đã đăng bài vì hàm getFeed chỉ trả về bài đăng của bạn và những người bạn theo dõi.

Kích hoạt Firebase Database

Truy cập Firebase Console
Chọn "Database" trong menu bên trái
Nhấn nút "Create Database" của Cloudstore
Chọn "Start in test mode" và bật tính năng này.

(Bỏ qua nếu không chạy trên Android)

Tạo một ứng dụng trong Firebase instance của bạn cho Android với tên gói là com.yourcompany.news.
Chạy lệnh sau để lấy khóa SHA-1:

Trong Firebase Console, thêm khóa SHA-1 của bạn vào phần cài đặt ứng dụng Android bằng cách nhấp vào "Add Fingerprint".
Làm theo hướng dẫn để tải tệp google-services.json.
Đặt tệp google-services.json vào thư mục /android/app/.

(Bỏ qua nếu không chạy trên iOS)

Tạo một ứng dụng trong Firebase instance của bạn cho iOS với tên gói ứng dụng.
Làm theo hướng dẫn để tải tệp GoogleService-Info.plist.
Mở XCode, nhấp chuột phải vào thư mục Runner, chọn menu "Add Files to 'Runner'" và thêm tệp GoogleService-Info.plist vào /ios/Runner trong XCode.
Mở file /ios/Runner/Info.plist bằng một trình soạn thảo văn bản. Tìm khóa CFBundleURLSchemes. Mục thứ hai trong giá trị mảng của khóa này liên quan đến Firebase instance của bạn. Thay thế bằng giá trị của REVERSED_CLIENT_ID từ GoogleService-Info.plist.