Issue #16: Create Team Component and Loading Screen

dterceroparker commented 2 weeks ago

Description

I have created a new Team.jsx component that showcases our developers (developer order can be changed and content was gathered from https://the-collab-lab.codes/developers/). This component includes:

Developer photos
Names
Links to GitHub, LinkedIn, and personal portfolios

Additionally, I implemented a Loading component that utilizes React's Suspense. The Suspense component is used to wrap the Team component, allowing for a fallback UI while the Team component is being loaded asynchronously. This fallback UI displays the Loading component (logo) until the main content is ready to be displayed.

Navigation Update (WIP):

Update the useAuth hook to navigate to the home page once the user signs in from the developers page.

Related Issue

Closes #45

Acceptance Criteria

Type of Changes

Enhancement Bug Fix

Updates

After

Screen Shot 2024-10-05 at 2 59 49 PM

Testing Steps / QA Criteria

[ ] Access the Developer page from the Landing page (while signed out).
[ ] After signing in, the Developer page should automatically navigate to the Home page.
[ ] Note: Images will not display in the preview; please refer to the PR screenshot for visual reference.

github-actions[bot] commented 2 weeks ago

Visit the preview URL for this PR (updated for commit cc1e08d):

https://tcl-74-smart-shopping-list--pr46-dtp-teampage-11gp9tx9.web.app

_{(expires Mon, 14 Oct 2024 16:38:36 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 79d73546692f99aad8468c28e36db434e2c190ac}

dterceroparker commented 2 weeks ago

looks great! photo links are broken in the preview, but this might just be an issue with the preview? very nice work regardless!

Thank you, Nick! The links are working. I apologize for adding the screenshot after your approval, but I wanted to ensure you could see how it looks locally.

the-collab-lab / tcl-74-smart-shopping-list