https://github.com/hackclub/toolbox
🧰 Deals for Hack Clubbers.
https://github.com/hackclub/toolbox
Last synced: about 2 months ago
JSON representation
🧰 Deals for Hack Clubbers.
- Host: GitHub
- URL: https://github.com/hackclub/toolbox
- Owner: hackclub
- License: mit
- Created: 2020-11-09T21:50:18.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2026-06-04T14:36:23.000Z (2 months ago)
- Last Synced: 2026-06-05T05:27:45.598Z (2 months ago)
- Language: JavaScript
- Homepage: https://toolbox.hackclub.com
- Size: 15.4 MB
- Stars: 22
- Watchers: 4
- Forks: 66
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
The new Hack Club Toolbox!
Deals for Hack Clubbers—powered by [Next.js], [Theme UI] & [MDX].
[next.js]: https://nextjs.org
[mdx]: https://mdxjs.com
[theme ui]: http://theme-ui.com
## How do I add a card?
All the cards except for the current ones are stored in `manifest.js`. If you take a look at it, you'll notice it's in JSON:
```js
export default [
{
category: 'Perks',
color: 'primary',
icon: 'bag',
items: [
{
name: 'Zoom Pro Meetings',
description: 'Run Zoom Pro meetings for free in your Hack Club',
icon: 'welcome',
external: false,
url: '/zoom.mdx',
forUseBy: 'clubbers'
},
...
]
},
...
]
```
To add a card to an existing category, you simply add to the cards in the category, like so:
```diff
export default [
{
category: 'Perks',
color: 'primary',
icon: 'bag',
items: [
{
name: 'Zoom Pro Meetings',
description: 'Run Zoom Pro meetings for free in your Hack Club',
icon: 'welcome',
external: false,
url: '/zoom.mdx',
forUseBy: 'clubbers'
},
+ {
+ name: 'Theme',
+ description: "Hack Club's theme, using Theme UI",
+ icon: 'grid',
+ external: true,
+ url: 'https://theme.hackclub.com',
+ forUseBy: 'everyone'
+ }
]
},
```
To add a new category, you'll follow a similar pattern at the bottom of the file:
```diff
export default [
{
category: 'Perks',
color: 'primary',
icon: 'bag',
items: [
{
name: 'Zoom Pro Meetings',
description: 'Run Zoom Pro meetings for free in your Hack Club',
icon: 'welcome',
external: false,
url: '/zoom.mdx',
forUseBy: 'clubbers'
},
]
},
+ {
+ category: '',
+ color: '',
+ icon: ''
+ items: [
+ ...
+ ]
+ }
]
```
_For `color` and `icon`, you can use [Hack Club's theme](https://theme.hackclub.com)._
When you edit the file to make these changes, you'll be asked to make a pull request.
Let us know if you have any questions (or find any issues) in the #leaders channel on [our Slack](https://hackclub.com/slack) or email clubs@hackclub.com