As of now, I am using a mock with an array to distribute data within my app. This array contains various cases with detailed information for each one, which are then iterated through in the components that require it.
export const CASES: Case[] = [
// List of cases with their respective details
];
My goal is to transition from using image links stored in assets to utilizing Firebase as a content management system. I want to store the array in Firestore and upload the images to Firebase storage for easier updating of entries.
Is there a way to integrate this list into Firestore along with Firebase storage for image hosting instead of storing them directly in the app's assets folder?
How can I fetch this data on initialization and store it within the existing mock structure for seamless distribution? Can images be included in such an array as well?
In essence, how can I..
- Retrieve images from storage alongside their corresponding case
- Add these combined entities as individual
Caseobjects to the existing mock array
Is this method feasible or should I consider alternative approaches to achieve the same outcome?