noumanjavaid
@mnjavaid34
He
Sims
. 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)
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.
Build a native mobile app in React Native that functions as a conversational wellness assistant with a customizable personality. The primary interaction is voice-based dialogue.
The core features are:
1. **Main Conversation Screen:**
* Design a user interface similar to a chat application to display a transcript of the conversation. Clearly differentiate between "User" and "Assistant" messages.
* When the app opens, the Assistant should begin with a spoken welcome message that reflects its current personality.
2. **Voice Input Mechanism:**
* Include a large, press-and-hold microphone button for recording voice.
* Provide a clear visual indicator (e.g., an animation) while the app is listening.
* When the user releases the button, stop the recording for processing.
3. **Conversation Flow:**
* The user's speech is transcribed and added to the conversation view.
* The AI's spoken response is played automatically and its transcript is added to the view.
* Crucially, the AI's response (tone, vocabulary, and style) must be shaped by the user's selected personality setting.
4. **Personality Settings Screen:**
* Create a new screen, accessible from a settings icon on the main screen.
* On this screen, provide a list of selectable personalities for the assistant. Use a simple list or radio buttons for selection.
* Include at least three personality options:
* **Wise Sage:** Calm, insightful, and uses thoughtful language.
* **Cheerful Friend:** Enthusiastic, supportive, and uses positive, energetic language.
* **Calm Guide:** Gentle, soothing, and focuses on mindfulness and relaxation techniques.
* The user's choice should be saved locally on the device.
5. **Technical Requirements:**
* The app must be built using React Native with functional components and hooks.
* Manage the conversation and personality state effectively. The selected personality must be included as a system instruction or context in every request sent to the conversational AI.
* Code should be clean and modular, separating UI, state management, and AI interaction logic.
© 2025 aSim. All rights reserved.
