Dự án này là một ứng dụng di động được xây dựng bằng React Native. Nó sử dụng Firebase để quản lý dữ liệu và xác thực người dùng. Dự án này bao gồm các chức năng sau:
-
Đăng nhập/Đăng ký: Người dùng có thể đăng nhập hoặc đăng ký tài khoản mới thông qua các màn hình Login và SignUp.
-
Dashboard: Màn hình Dashboard cung cấp cho người dùng cái nhìn tổng quan về ứng dụng.
-
Thêm Sản phẩm: Người dùng có thể thêm sản phẩm mới thông qua màn hình AddProduct.
-
Chỉnh sửa Sản phẩm: Người dùng có thể chỉnh sửa thông tin sản phẩm hiện có thông qua màn hình EditProduct.
-
Navigation: Ứng dụng sử dụng react-navigation để quản lý việc chuyển đổi giữa các màn hình khác nhau, như được định nghĩa trong App.js.
-
Firebase: Dự án này sử dụng Firebase để xác thực người dùng và lưu trữ dữ liệu. Cấu hình Firebase được khởi tạo trong App.js.
-
Styling: Dự án này sử dụng react-native's StyleSheet để tạo ra các styles cho các thành phần của ứng dụng, như được thấy trong EditProduct.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Dự án này được cấu hình và cài đặt thông qua một số tệp và cài đặt quan trọng sau:
app.json: Tệp này chứa cấu hình cho ứng dụng Expo của bạn, bao gồm tên, phiên bản SDK, biểu tượng, màn hình splash, v.v.
package.json: Tệp này chứa các script chạy dự án và các gói phụ thuộc. Bạn có thể chạy dự án bằng cách sử dụng các lệnh sau:
npm start
npm run android
npm run ios
npm run web
babel.config.js: Tệp này chứa cấu hình cho Babel, một trình biên dịch JavaScript giúp chuyển đổi mã JavaScript hiện đại thành mã tương thích với các phiên bản cũ hơn của JavaScript.
App.js: Tệp này là điểm vào chính của ứng dụng, nơi khởi tạo Firebase và định nghĩa stack điều hướng của ứng dụng.
Thư mục components: Thư mục này chứa tất cả các thành phần React Native được sử dụng trong ứng dụng.
Thư mục .expo: Thư mục này chứa các tệp cấu hình và thông tin cho Expo CLI.
_config.yml: Tệp này chứa cấu hình cho Jekyll, một công cụ tạo website tĩnh, nhưng không rõ nó được sử dụng như thế nào trong dự án này.
Nguồn: Topcode.vn
