HC Shop banner

HC Shop

7 devlogs
7h 20m 26s

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

Submitting projects to earn points doesn't work since Airtable is not connected (would work if live) but yeah that's a minuscule thing

Oh and the reason why this repo mig…

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

Submitting projects to earn points doesn’t work since Airtable is not connected (would work if live) but yeah that’s a minuscule thing

Oh and the reason why this repo might have less commits than what you’d expect is that development was previously done in a repo owned by Rushmore (HQ member), and this is a new repo owned by me :D

Demo Repository

Loading README...

Zoe

Shipped this project!

Hours: 7.34
Cookies: 🍪 173
Multiplier: 23.59 cookies/hr

Let’s hope this project was at least worth some of my time… heavysob

Zoe

I’ve finally fixed all issues that made Vercel not build the site, so it’s finally accessible. Due to the #meta discussions, I’ve decided I’m going to take a break from working on this project more, at least for now, so at the very least I ask you guys to vote this project properly so my time at least didn’t go to waste. Again, want to note that this was going to be an HQ official project, and that at no point was it mentioned that it could be half disliked by the community.

Thanks for being here along the journey! :)

Attachment
0
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 3 months 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 3 months ago

lowk looks rlly cool

romilpatel2007
romilpatel2007 3 months 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 3 months ago

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