Skip to content

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.

License

Notifications You must be signed in to change notification settings

Kapil564/HacktoberWall

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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!

🔗 Links

🛠️ 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!

About

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.

Resources

License

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 44.9%
  • HTML 30.0%
  • JavaScript 25.1%