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

Create an "About Us" Section for HacktoberWall #151

Closed
10 tasks done
JollyJolli opened this issue Oct 21, 2024 · 5 comments
Closed
10 tasks done

Create an "About Us" Section for HacktoberWall #151

JollyJolli opened this issue Oct 21, 2024 · 5 comments
Assignees
Labels
CSS Related to the CSS in the website. enhancement New feature or request hacktoberfest hacktoberfest2024 hacktoberfest-accepted HTML Related to the HTML in the website. JavaScript Related to the JavaScript in the website.

Comments

@JollyJolli
Copy link
Owner

JollyJolli commented Oct 21, 2024

Description:

We need to create an "About Us" section to introduce the HacktoberWall project, the owners, and provide some background on why the project was created. This section should be informative and visually engaging, with the GitHub profile pictures of the owners displayed dynamically using the GitHub API.


Tasks:

  1. Design:

    • Create the layout for the "About Us" section to be placed at the bottom of the page.
    • Add a button labeled About Us in the navigation bar, linking to this section.
  2. Content:

    • Project Information:
      • Describe what HacktoberWall is and why it was created.
    • Owners:
      • List the names of the owners: Jolly (Owner) and Phanty78 (Co-Owner).
      • Write a mini biography for each owner (Jolly and Phanty78).
    • GitHub Profile Pictures:
      • Use the GitHub API to dynamically fetch and display the GitHub profile pictures of the owners next to their biographies.
  3. Implementation:

    • Develop the section using HTML, CSS, and JavaScript (native).
    • Ensure the "About Us" section is responsive for both desktop and mobile devices.
  4. Testing:

    • Ensure the GitHub API integration works and profile pictures are fetched correctly.
    • Verify that the "About Us" section is fully responsive across various screen sizes and devices.
    • Check that the navigation bar button correctly links to the section.

Acceptance Criteria:

  • The "About Us" section should appear at the bottom of the page, as described.
  • A button labeled About Us should be included in the navigation bar that scrolls or links to the section.
  • The section must include:
    • Information about HacktoberWall (project purpose and background).
    • Owner names (Jolly and Phanty78), their mini bios, and their GitHub profile pictures (fetched via the GitHub API).
  • The design must be visually consistent with the rest of the website.
  • The section should be fully responsive, working on both mobile and desktop.
  • GitHub profile pictures should be fetched and displayed dynamically.

@JollyJolli JollyJolli added enhancement New feature or request HTML Related to the HTML in the website. CSS Related to the CSS in the website. JavaScript Related to the JavaScript in the website. labels Oct 21, 2024
@JollyJolli
Copy link
Owner Author

JollyJolli commented Oct 21, 2024

Important Information:

  • HacktoberWall was created to help beginner contributors in the open-source community participate in the Hacktoberfest event. Additionally, this is the first year that the owners are participating in Hacktoberfest, making this their first official contribution to the event! The main idea was to make contributions as easy as possible: participants can simply add their names to a JSON file or help by addressing an issue in the project.

  • The project was conceived by Jolly, who invited Phanty78 to be a co-owner due to his significant contributions to the project.

  • HacktoberWall was created and ready 9 days before Hacktoberfest began.

@MehekFatima
Copy link
Contributor

Hi, I'd like to contribute to this issue. Could you please assign it to me?

@JollyJolli
Copy link
Owner Author

Yes of course!

@MehekFatima
Copy link
Contributor

I’ve submitted a PR #155 for the "About Us" section with dynamic GitHub profile pictures. Please review it at your convenience.

@nehaaaah123
Copy link

Hey @JollyJolli please assign this issue to me

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CSS Related to the CSS in the website. enhancement New feature or request hacktoberfest hacktoberfest2024 hacktoberfest-accepted HTML Related to the HTML in the website. JavaScript Related to the JavaScript in the website.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants