Need help in making "Notice management" app

Request for Assistance in Developing a Notice App in MIT App Inventor

I am looking to develop a simple Notice App using MIT App Inventor, and I would appreciate your assistance in implementing it. Below are the details of the requirements:

Data Source

The notices will be stored in Firebase Realtime Database in the following JSON format:

{
"Notices": {
"2024-11-26_1": {
"title": "System Maintenance",
"details": "Details here..."
},
"2024-11-25_1": {
"title": "New Feature Update",
"details": "Details here..."
}
}
}

App Features

  1. Display Notices as a List

When the app is opened, it should fetch the data from the Firebase database.

Display the notices line-item wise, showing only the title of each notice in a list view.

  1. Display Notice Details

When a user taps on a specific list item, it should navigate to a new screen (or popup) and display the corresponding details for the selected notice.

  1. Dynamic Updates

The app should be able to dynamically fetch and display updated data from the Firebase database whenever notices are added or modified.

Assistance Needed

I would need help with:

Firebase Integration: Setting up the connection between MIT App Inventor and Firebase to fetch the JSON data.

UI Design: Creating the list view to display notice titles and a details screen for displaying detailed information.

Logic Implementation: Ensuring seamless navigation and correct fetching of data for each notice.

Please share the project after making in .aia format.

This sounds like a Work for Hire topic.

Did you plan on learning to code, or are you just shopping?

Notice that your key structure requires you to request the entire contents of the database in one big gulp, because there is no way to predict the number of notices under a single date.

Learning app from the last 2 months. I stucked somewhere in Listview block. Trying to get result through List view block using Dictionary. Not getting proper result. Can you pls help me.

(Canned Reply: ABG- Export & Upload .aia)
Export your .aia file and upload it here.
export_and_upload_aia



Attached Block diagram, output screen and Firebase database JSON format.
I am making one notice app. The notice will display on screen which have title and details. I want when screen initialize, Notices should display. and it should display with Title only and when i click on it it should give me details.
I have tried making the block but there is some error, I am unable to search title and detail in dictionary. please help how to use these blocks ?

Please stick to your original topic, this is the same app.

You need the Web component for its JSONTextDecode block.

Your values from Firebase are JSON text, and need to be decoded to get at their parts for processing.

I can't show examples for lack of an aia export.