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.

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.

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

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

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

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

I'd like to fix it.

After running git clone
an error comes after npm i

pls add an index.html file in the public folder

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]);

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

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.

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

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

Thank you

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

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