Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add initial portfolio page layout and structure #1

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

davepandit
Copy link

@davepandit davepandit commented Jan 6, 2025

This pull request introduces a responsive and modern portfolio page. The portfolio page includes key sections and features designed to provide an engaging user experience across all devices.

Key Features:

  1. Responsive Design
  2. Menu Navigation
  3. Team Showcase
  4. Toogle tabs to see the memebers from that team only

The target page was like this:

Portfolio page

And the result looks like this:

Screenshot 2025-01-06 220710

Screenshot 2025-01-06 220722

Screenshot 2025-01-06 220734

In order to implement the 4th feature I created a global state which can be found in the src/context/TabContext.jsx, because of the current structure of the project, in order to show the members specific to one team and to avoid prop drilling this approach is chosen and most probably when the content will come from any CMS then also I think that will be a good approach to follow.🤔

Here is how it is looking as of now after implementing the global state(no changes with respect to UI)

Screenshot 2025-01-08 181910

Screenshot 2025-01-08 181923

Screenshot 2025-01-08 181930

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants