1hanzla100 / developer-portfolio Goto Github PK

After running git clone
an error comes after npm i

I'd like to fix it.

Hi Hanza,
Can you please tell me how I can make remove the scroll effect in the navigation bar and instead make it a fixed navigation bar with the dark blue color when scrolling also. I tried removing the Headroom component however this completely removes the navigation bar without making it a fixed one. I would appreciate if you could please provide assistance on this.

Building a data information object on a template page (index.js) is a bad pattern: template and data should not be mixed

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'GithubProfile.jsx'
2. look for useEffect which is running in an infinite loop

Expected behavior
It should be run in controlled way

Solution
create a variable query and assign the get query to it and then pass it in getData function as an argument and also pass it as useffect dependency list

i.e:

const quary = `https://api.github.com/users/${openSource.githubUserName}`;
  const [prof, setProf] = useState({});
  async function getProfileData(q) {
    await get(q)
      .then((res) => setProf(res.data))
      .catch((err) => console.log(err));
  }
  useEffect(() => {
    getProfileData(quary);
  }, [quary]);

I am trying to find the portfolio.js file but it is not present. So how to edit this template?

So I was contributing to this project and I came to notice that my vscode prettier's setting changed whole file structure, which created a lot of unwanted changes.

I think it'd be better if there's Prettier setup for this project so everyone contributing to it and using it have same formatting.

I'd love to install prettier as dev dependency and use your prettier config for this project with npm script to formatting all the required files

pls add an index.html file in the public folder

It would be useful to display the gpa/grade/final mark (different schools has different score systems) in the education card

I'm getting this error when trying to run yarn dev:

All sections should be optional to make the whole portfolio more dynamic without modifying the core template.
E.g: If I don't want the feedbacks section I can set feedbacks = null

Add docker support for containerizing the application for quick deployment on any machine or cloud.

Add an option to remove icons in the social section. Like I don't want to use Facebook but there is no option to remove the Facebook icon.

Description:
I would like to propose the addition of a Dark Mode feature to our website. This enhancement would provide users with an alternative color scheme, making the site more comfortable to use in low-light environments.

Steps to Reproduce:

1. Visit the website.
2. Look for the new Dark Mode toggle in the user settings.
3. Switch to Dark Mode.

Expected Behavior:
The website should switch to a dark color scheme, improving visibility in low-light conditions.

Additional Information:

• This feature aligns with current design trends and user preferences.
• Consider providing customizable options for Dark Mode intensity (e.g., dark gray vs. black).
• We should ensure that all elements, including text and images, are properly optimized for the Dark Mode theme.

When you hover over cards with information about education, they quickly twitch.

Hi,
in portfolio.js you display a set of skills using fontAwesomeClassname: "logos:web3js" . Where can we find the availables logos ?

Thank you