GitHunt
JO

JollyJolli/HacktoberWall

HacktoberWall is a simple web app where contributors can add their name to a virtual wall by submitting a JSON file. The goal is to offer an easy way for people to participate in Hacktoberfest. Contributors can add their name or help improve the page's design and functionality, creating a growing display of Hacktoberfest participants.

HacktoberWall

๐ŸŒŸ Overview

HacktoberWall is a simple yet engaging web app designed to celebrate Hacktoberfest! It allows participants to contribute their names to a virtual mural by editing a JSON file, making it easy for everyone to join in the fun and showcase their participation in this global event.

๐Ÿš€ Features

  • Dynamic Mural: View all contributors on a visually appealing grid-style wall.
  • Easy Contribution: Simply edit the src/data/contributors.json file to add your name.
  • Responsive Design: Optimized for various screen sizes, ensuring a great experience on both desktop and mobile.
  • Interactive Hover Effects: Each participant card scales slightly on hover for a more engaging experience.

๐Ÿ› ๏ธ Technologies Used

  • HTML: Structure of the web app.
  • CSS: Styling for a beautiful and responsive design.
  • JavaScript: Fetching and displaying participant data dynamically.
  • JSON: Storing contributor names in a structured format.

๐Ÿ“ˆ HacktoberWall Repo Stats

๐ŸŒŸ Stars ๐Ÿด Forks ๐Ÿ› Issues ๐Ÿ”” Open PRs ๐Ÿ”• Closed PRs ๐Ÿ›  Languages โœ… Contributors
GitHub stars forks issues pull requests Closed PRs Languages Contributors

โญ๏ธ Star History

Star History Chart

๐ŸŽ Contributors

๐Ÿ“ฆ Getting Started

1. Clone the Repository

git clone https://github.com/JollyJolli/HacktoberWall.git
cd HacktoberWall

2. Open in Browser

Open the index.html file in your preferred web browser to see HacktoberWall in action!

3. Contribute

  • To add your name, simply edit the src/data/contributors.json file in data folder:
[
  {
    "name": "YourName"
  }
]
  • Refresh the page to see your contribution reflected on the wall!

๐Ÿค Contributions

We would love for you to join us! If you want to contribute to the project, please check the CONTRIBUTING.md file for more information on how to do so. Any contributions are welcome and appreciated. Thank you for being a part of HacktoberWall!

๐Ÿ› ๏ธ ISSUES

In this section, I will list a couple of things in case anyone wants to help out. They won't be too difficult, so any contributions will be greatly appreciated!

JollyJolli/HacktoberWall | GitHunt