Start of Homepage

[brandon-lerit]

Hi Sheki and Jeremy!

branch-name: home-page

For this week's ticket, we want you to build part of our home page.
https://www.figma.com/design/mV2FNI60NMO6BIUnBLnnhS/%F0%9F%8F%A5-MedExplain?node-id=218-1138&m=dev

Tasks

• Create folder: client/screens
• Add file: home.tsx
• Create the beginning homepage following the Figma design, start at the top excluding the header and go until the card that says Illness.
• Ignore the pictures and vector drawings for now, only do the text, search bar, cards, and background.
• Use the previously created card atom for the cards in the design.
• Additionally, add the search icon to your previously created search bar icon, and use that for the search bar in the design.
• For icons, follow these steps
  • Download the following package:

    npm install lucide-react-native
    

  • See the icon list here: https://lucide.dev/icons/
  • Here is a usage example for the icons

    import { Search } from "lucide-react-native";
    
    <Search size={24} color="#333" />
    

Testing

• Import the homepage into the testing page and ensure it renders correctly.

Finishing Up

• Create a PR summarizing your changes.