GM-Navbar

[JasonMun7]

Create Navbar Component for Mobile Glimpse Page

Description

We need to create a new Navbar 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 Navbar Component:

   • In the Glimpse-Mobile directory, navigate to the components folder.
   • Create a new file named Navbar.tsx.

4. Implement the Navbar Component:

   • Add the necessary code to define the Navbar component. Make sure to follow the project's coding standards and practices.

5. Test the Navbar Component:

   • You can test your new Navbar component by importing and using it in app/tabs/index.tsx.

---

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 rest of the team!

Thank you!