I have created a new Team.jsx component that showcases our developers. This component includes:
Developer photos
Names
Links to GitHub, LinkedIn, and personal portfolios
Installed React Type Animation
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.
Tasks
Team Component:
Created the Team component to display developer information and links.
Styled the component for a professional appearance.
Loading Component:
Created the Loading component, which shows logo and a message while the Team component is being fetched.
Used Suspense with a fallback to show the Loading component during the loading phase.
Navigation Update (WIP):
Update the useAuth hook to navigate to the home page once the user signs in from the developers page.
Description
I have created a new Team.jsx component that showcases our developers. This component includes:
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.
Tasks
Team Component:
Loading Component:
Navigation Update (WIP):
Update the useAuth hook to navigate to the home page once the user signs in from the developers page.