search

Pinaka-Pani-18 / Hacktoberfest-Projects-Hub

Hacktoberfest Projects Hub simplifies the process of discovering, contributing to, and promoting Hacktoberfest projects, making it easier for both beginners and experienced developers to get involved in the open source community.
https://hacktoberfestprojectshub.netlify.app/
MIT License
4 stars 17 forks source link

💡 [FEATURE] - Create Header Section #10

Closed Pinaka-Pani-18 closed 1 year ago

Pinaka-Pani-18 commented 1 year ago

Description:

The header section is a critical part of our project's user interface. This issue is focused on creating the Header.jsx component in the components folder. The header should include the project's logo, home section link, projects section link, contributors section link, and a GitHub logo that redirects users to our GitHub repository.

Steps to Contribute:

  1. Create Header.jsx: Develop the Header.jsx component in the components folder with the specified features.
  2. Add Logo: Integrate our project's logo into the header.
  3. Navigation Links: Implement navigation links for the home section, projects section, and contributors section.
  4. GitHub Logo: Add a GitHub logo that redirects users to our GitHub repository when clicked.
  5. Styling: Apply appropriate styling to make the header visually appealing and consistent with our project's theme.

By contributing to this issue, you'll play a crucial role in improving the project's user experience and navigation.

Your efforts in creating an attractive and functional header are highly valued! Let's make our project's header shine.

rohits-web03 commented 1 year ago

Hello @Pinaka-Pani-18 , I would like to create the header section for Hacktoberfest-Projects-Hub.I would really appreciate it if you assign me this issue.

Pinaka-Pani-18 commented 1 year ago

Hello @Pinaka-Pani-18 , I would like to create the header section for Hacktoberfest-Projects-Hub.I would really appreciate it if you assign me this issue.

Hello @rohits-web03 ,

Thank you for your willingness to work on creating the header section for Hacktoberfest-Projects-Hub. Your initiative is greatly appreciated. I've assigned the issue to you, and you can now begin working on it.

If you have any questions or need further assistance during the process, please don't hesitate to reach out. We're here to support your efforts.

Good luck with the header section development, and we look forward to your contributions!

Pinaka-Pani-18 commented 1 year ago

BTW, If you are familiar with Tailwind CSS, it would be a great choice for styling the component.

rohits-web03 commented 1 year ago

Yes I am familiar with TailwindCSS but not very experienced in it.

Still I will try to do it with TailwindCSS.

as for the header section, I am thinking of creating a navbar with the necessary navigation links on the right side and the logo on the left side of the navbar.Will that be okay?

Pinaka-Pani-18 commented 1 year ago

Yes I am familiar with TailwindCSS but not very experienced in it.

Still I will try to do it with TailwindCSS.

as for the header section, I am thinking of creating a navbar with the necessary navigation links on the right side and the logo on the left side of the navbar.Will that be okay?

Okay, that's fine. you can start working on it.

rohits-web03 commented 1 year ago

I have made the necessary changes and opened a pull request #25

Pinaka-Pani-18 commented 1 year ago

I have made the necessary changes and opened a pull request #25

Wow, it looks cool! Great job, @rohits-web03. Thanks for contributing