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.
- Dynamic Mural: View all contributors on a visually appealing grid-style wall.
- Easy Contribution: Simply edit the
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.
- 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.
🌟 Stars | 🍴 Forks | 🐛 Issues | 🔔 Open PRs | 🔕 Closed PRs | 🛠 Languages | ✅ Contributors |
---|---|---|---|---|---|---|
git clone https://github.com/JollyJolli/HacktoberWall.git
cd HacktoberWall
Open the index.html
file in your preferred web browser to see HacktoberWall in action!
- To add your name, simply edit the
contributors.json
file in data folder:
[
{
"name": "YourName"
}
]
- Refresh the page to see your contribution reflected on the wall!
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!
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!