HC Shop banner

HC Shop

6 devlogs
7h 51m 54s

The redesigned store for Hack Club things. Powered by Next.JS and HCB.

Zoe

The points system is finished, + new logo!

The new logo is animated with lottie :yay: and designed by me on Figma :)
The points system lets you purchase items with points fully/partially or just pay with “real money” if you want.
Orders also now show points spent on them, and admins can refill users’ points in their UI too.
I also updated the order view to show costs, so now you can see how much you spent on things in an eaasier way, and how much shipping costed.
Finally, there’s a new redesigned checkout that uses 2 columns to show on the right all “money” stuff, and on the left all “data” you need to fill (at the moment shipping info).
There’s also a slider that lets you choose how many points you want to spend for the purchase.

Attachment
Attachment
Attachment
Attachment
1

Comments

chefpenguino
chefpenguino 6 days ago

woah this animation is so cool

Zoe

Big new update! The shop now has:
a) An admin panel
b) Coupons support
c) Shipping info and costs support
d) Items being stored in DB instead of a JSON
e) Supercons (HC Icons) being used instead of custom SVG icons
f) “Checkout with HCB” (similar to credit refills but with predefined refill amounts and instant refreshes and payment)

This devlog is longer than usual because CDN went down :/ so I couldn’t make one earlier, but yeah… And we’re also working on a points system! Basically for each hour you work, you get around 5 points that you can spend instead of real money in the shop :yay: Sadly I can’t upload pics in this devlog since flavortown says 8 is the max :(

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
Zoe

Added status updating through a Slack Bot! team members in #secret-channel :3 can approve/deny items, mark them as fulfilled, create and send refunds… as well as set custom messages for the user to see.

Recharging your account through HCB donations finally works as well!

Attachment
Attachment
Attachment
Attachment
0
Zoe

Yay time wasn’t logged since browser but yeah had to spin up a custom instance of HCB to test all features and make sure we can actually make stuff work :P

Attachment
0
Zoe

Started to work on this! It’s starting to take shape… At the moment the homepage, browsing, adding to cart and logging in fully work! Don’t want to leek much…

I’ve also designed “drag to basket” and “sticker” mechanics (check attachments!)

3

Comments

sl4shed
sl4shed 11 days ago

lowk looks rlly cool

romilpatel2007
romilpatel2007 10 days ago

lovin it btw did u work on the magazine (nibbles site: https://magazine.hackclub.com/) it also has this draggable stickers on site.

Zoe
Zoe 10 days ago

I didn’t work on magazine! Yeah they use a similar system :)