Create PromptCard Component for Mobile Glimpse Page
Description
We need to create a new PromptCard component for the Mobile Glimpse page. Follow the steps below to set up your development environment and create the component.
Steps
-
Pull the Latest Changes:
- Make sure your local repository is up to date. Run:
-
Start the Development Server:
- Navigate to the
Glimpse-Mobile directory:
- Run the following command to start the development server and generate a QR code:
- Scan the QR code with your phone camera to access the page. This will allow you to see a hot-loaded screen.
-
Create the PromptCard Component:
- In the
Glimpse-Mobile directory, navigate to the components folder.
- Create a new file named
PromptCard.tsx.
-
Implement the PromptCard Component:
- Add the necessary code to define the
PromptCard component. Make sure to follow the project's coding standards and practices.
-
Test the PromptCard Component:
- You can test your new
PromptCard component by importing and using it in app/tabs/index.tsx.
Additional Notes
- Ensure that the
PromptCard component is responsive and works well on different screen sizes.
- Consider adding any relevant navigation links or buttons that might be needed for the
PromptCard.
Please make sure to follow the coding guidelines and best practices as specified in our project's documentation. If you have any questions or need further assistance, feel free to reach out to the team.
Thank you!
Create PromptCard Component for Mobile Glimpse Page
Description
We need to create a new
PromptCardcomponent for the Mobile Glimpse page. Follow the steps below to set up your development environment and create the component.Steps
Pull the Latest Changes:
Start the Development Server:
Glimpse-Mobiledirectory:cd Glimpse-MobileCreate the PromptCard Component:
Glimpse-Mobiledirectory, navigate to thecomponentsfolder.PromptCard.tsx.Implement the PromptCard Component:
PromptCardcomponent. Make sure to follow the project's coding standards and practices.Test the PromptCard Component:
PromptCardcomponent by importing and using it inapp/tabs/index.tsx.Additional Notes
PromptCardcomponent is responsive and works well on different screen sizes.PromptCard.Please make sure to follow the coding guidelines and best practices as specified in our project's documentation. If you have any questions or need further assistance, feel free to reach out to the team.
Thank you!