Discover & Build Mini-Apps
or
Social
@mnjavaid34. The app allows users to view a roster of members and post comedic "roasts" about them.
**Core Features:**
1. **Home Screen (Roster View):**
* Display a scrollable list of members. For now, use a static list of names (e.g., "Jim", "Pam", "Dwight").
* Each member in the list should have their name and a "Roast" button next to it.
2. **Roast Feed Screen:**
* When a user taps the "Roast" button next to a member's name, navigate to a new screen.
* This screen should display a feed of all the roasts written about that specific member.
* The member's name should be displayed as the header of this screen.
3. **Post a Roast:**
* On the Home Screen, include a text input field at the bottom with the placeholder "Roast of the day".
* Users will need to select which member they are roasting *before* writing the roast. This could be a dropdown menu or another selection method near the text input.
* Include a "Post" button. When tapped, the text from the input field is saved as a new roast for the selected member.
* All posts should be anonymous. Do not track which user submitted which roast.
4. **Text-to-Speech Functionality:**
* On the Roast Feed screen, each individual roast should have a "play" button.
* When the "play" button is tapped, the app should use the device's native text-to-speech capabilities to read the roast text aloud.
**Technical Specifications:**
* Build this as a React Native application.
* Use functional components and hooks.
* Ensure the UI is clean, simple, and follows the layout shown in the mockup.
* For this initial version, a user authentication system is not required.](https://s.asim.sh/images/nZQxs5v5GMtysUCEE3Uc_.jpeg)
148
0
0
Create a native mobile app called "Roster Poster" based on the attached mockup: . The app allows users to view a roster of members and post comedic "roasts" about them. **Core Features:** 1. **Home Screen (Roster View):** * Display a scrollable list of members. For now, use a static list of names (e.g., "Jim", "Pam", "Dwight"). * Each member in the list should have their name and a "Roast" button next to it. 2. **Roast Feed Screen:** * When a user taps the "Roast" button next to a member's name, navigate to a new screen. * This screen should display a feed of all the roasts written about that specific member. * The member's name should be displayed as the header of this screen. 3. **Post a Roast:** * On the Home Screen, include a text input field at the bottom with the placeholder "Roast of the day". * Users will need to select which member they are roasting *before* writing the roast. This could be a dropdown menu or another selection method near the text input. * Include a "Post" button. When tapped, the text from the input field is saved as a new roast for the selected member. * All posts should be anonymous. Do not track which user submitted which roast. 4. **Text-to-Speech Functionality:** * On the Roast Feed screen, each individual roast should have a "play" button. * When the "play" button is tapped, the app should use the device's native text-to-speech capabilities to read the roast text aloud. **Technical Specifications:** * Build this as a React Native application. * Use functional components and hooks. * Ensure the UI is clean, simple, and follows the layout shown in the mockup. * For this initial version, a user authentication system is not required.
© 2025 aSim. All rights reserved.