Skip to content

GM-PromptCard #4

@JasonMun7

Description

@JasonMun7

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

  1. Pull the Latest Changes:

    • Make sure your local repository is up to date. Run:
      git pull
  2. Start the Development Server:

    • Navigate to the Glimpse-Mobile directory:
      cd Glimpse-Mobile
    • Run the following command to start the development server and generate a QR code:
      npm run start
    • Scan the QR code with your phone camera to access the page. This will allow you to see a hot-loaded screen.
  3. Create the PromptCard Component:

    • In the Glimpse-Mobile directory, navigate to the components folder.
    • Create a new file named PromptCard.tsx.
  4. Implement the PromptCard Component:

    • Add the necessary code to define the PromptCard component. Make sure to follow the project's coding standards and practices.
  5. 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!

Metadata

Metadata

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions