@ThomasPrice – Hack Club Scrapbook

Mon, Dec 2

today, i worked on branding the guess the song website, now 5 Second Song, and also small things like page layout and not found repo: github.com/ThomasJPrice/guess-the-song/commit/cf4e926c4ec06a84bb73f8e2c6bbcb5a40fe3cae live guess-the-song-three.vercel.app

https://imgutil.s3.us-east-2.amazonaws.com/2c45e073051acbc3d05e4ada1c7d80d16d0a3559b0236fc624fd1cca9d60c742/df6a3bfe-d88e-4f6e-a147-e024cc43e880.png

Sun, Dec 1

in today's session i fixed some security vulnerabilities (quite big ones!) and migrated to the Deezer API fully from Spotify API. repo: github.com/ThomasJPrice/guess-the-song live: guess-the-song-three.vercel.app

https://imgutil.s3.us-east-2.amazonaws.com/c4e1a8fb14f705d80221a56425f71bea7b017853355ee57b34241e48bcf5edf2/262b4b34-ad7b-4f44-b7c9-a0b373859445.png

Sat, Nov 30

i added a leaderboard feature to the guess the song website, go compete! repo: github.com/ThomasJPrice/guess-the-song/commit/d33c9663c995d4ea5d3befd6188275daf516ec63 live: guess-the-song-three.vercel.app/leaderboard

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/4c04f12d-4635-4e2a-9671-57cb6ef5d297-guess-the-song-three.vercel.app_leaderboard.png

https://imgutil.s3.us-east-2.amazonaws.com/9859962ed7848b30f66399f383135a15da3cc731b5462c2f3403a69b78acbf21/91ae36ee-b891-47f2-8eaf-058f7a05862a.png

Fri, Nov 29

i added a result card and supabase integration to the guess the song website (sharing coming soon!) repo: github.com/ThomasJPrice/guess-the-song/commit/cecfba12be287401e45e3a9185a998fde23e95dc live: guess-the-song-three.vercel.app

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/46bf5be4-d720-45df-8e16-0b57a8871d07-image.png

https://imgutil.s3.us-east-2.amazonaws.com/279015102615a7f82fced167f979d93352ca5367fa208c20e17928df556d34c9/d49f8298-6d4f-44d6-86bf-5dab259441f3.png

Thu, Nov 28

i added a music player and visualiser to my guess the song website website: guess-the-song-three.vercel.app code: github.com/ThomasJPrice/guess-the-song

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/661511a5-0266-41f8-b3a2-82355f322b74-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/2aadb693-5c39-4576-84d5-7b6854392733.png

Wed, Nov 27

i continued working on the Guess the Song website by adding the options and selecting them/moving to the next question with transitions and also points Live site: guess-the-song-three.vercel.app Commit: github.com/ThomasJPrice/guess-the-song/commit/7a4c181da0eb45dd5fc09a8b07bd1c71677b0765

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/3c117e0b-4255-4c2b-bf64-e43483d97794-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/f945ce3a-74e9-423e-90fd-52e30cfc0507.png

Tue, Nov 26

today I started building a Guess the Song quiz where you choose an artist and have 5 seconds to guess the song (dark mode available!) github.com/ThomasJPrice/guess-the-song/commit/1a642576b8c0262c927a21f5d40a18acebda06cd

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/c489edf5-b1e9-45ab-b1e2-7e179f8fc36f-localhost_3000_.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/60fe98b1-a257-4695-a7e7-e836e9d2fe07-localhost_3000___1_.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/caf983e8-6247-4925-9333-a2cce08136d3.png

Fri, Aug 30

I built and coded a mini volume controller for my desk! github.com/ThomasJPrice/mini-deej

https://scrapbook-into-the-redwoods.s3.amazonaws.com/ea0af8c8-40ec-4d41-a4ab-1e8b16c9f098-img_20240830_184614738.jpg

https://imgutil.s3.us-east-2.amazonaws.com/321605e179da2d4e37326af184632fd03112d867c2fde49305e3d305d1a69454/03334e2b-b0cf-41df-a096-b98daac8914c.png

Fri, Aug 30

I redesigned my Business Dashboard for the same digital loyalty card platform! github.com/ThomasJPrice/stampsavvy/tree/redesigned-dashboard (not live yet, so separate branch) stampsavvy-git-redesigned-dashboard-thomasjprices-projects.vercel.app (not sure if you have to be authenticated to see but this is where it is)

https://imgutil.s3.us-east-2.amazonaws.com/6909cf1663de60bec0e63b28cc16d860e25e0860d862f6d6a03b850b8583a870/689f3935-519c-4d72-bef8-7858688f8625.png

Fri, Aug 30

I redesigned my Landing Page for my digital loyalty card platform! stampsavvy.vercel.app github.com/ThomasJPrice/stampsavvy

https://imgutil.s3.us-east-2.amazonaws.com/6909cf1663de60bec0e63b28cc16d860e25e0860d862f6d6a03b850b8583a870/18230d75-1b17-45dd-b2b7-e1e43739c01a.png

Sun, Aug 25

#C06SBHMQU8G| I added a bunch of new features to my Digital Loyalty card platform: StampSavvy - including business specific routing, redesigned homepage and pricing and stamp history. github.com/ThomasJPrice/stampsavvy stampsavvy.vercel.app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/88646127-9373-4385-8f41-5252fd47b542-stampsavvy.vercel.app_.png

https://imgutil.s3.us-east-2.amazonaws.com/0f007978670b1e00f66291ba508c6f138170d9e9ad29d0213da2e63054f5e956/2341c103-02ff-4e1b-8893-de9795a01e3f.png

Wed, Aug 21

Missed one session in my previous Django project submission but I created an order screen so users can choose products! github.com/ThomasJPrice/restaurant-ordering-system

https://imgutil.s3.us-east-2.amazonaws.com/ebae883e151bd224ed8841a6f8ae50a2dcece4ba6fda0e5dfb3ce5f01bcce93e/84fe0aed-c6df-45eb-9759-b2cd3d6016e8.png

Wed, Aug 21

I added a feature to my Digital Loyalty Card website to allow businesses to customise their cards! github.com/ThomasJPrice/stampsavvy stampsavvy.vercel.app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/57c82294-4e24-4dc3-884f-3c568e129941-stampsavvy.vercel.app_customise-card_id_37f3e9c1-08bf-42ef-9759-b9710410bd25.png

https://imgutil.s3.us-east-2.amazonaws.com/7d3e7c9e254f45fb6f32c791767da381408e8c716248d3237866ac5a6ccc4129/4706eeb8-96f4-474c-b9d7-52b24ecb4ef3.png

Tue, Aug 20

#C06SBHMQU8G| I created a restaurant ordering system using Django (first time)! github.com/ThomasJPrice/restaurant-ordering-system self-hosted on thomasprice-orderingsystem.loophole.site/order (while my pc is on!)

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/26413c7a-89a7-4ad8-a2c3-6f0c43c93f27.png

Fri, Aug 2

#arcade I created a dynamic image route to generate a "stamp card" like image to show the user's progress on the loyalty scheme. github.com/ThomasJPrice/stampsavvy/commit/44e25afc0d3163dc9b097060c942736dc37a6dc9

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1ae2c0e8-fbbf-4b9f-9c15-56646934d28a-image.png

https://imgutil.s3.us-east-2.amazonaws.com/f09c741a8ad108cbf66085ddff4c45fe2c6d0b0b714a64cba0aab2ec054f9f88/a0ca0e6f-acce-4029-9c69-f0046faadb34.png

Fri, Aug 2

#arcade I created a barebones prototype of an app which lets users add digital loyalty cards to google wallet, and then businesses to "stamp" their card and give out free rewards! stampsavvy.vercel.app github.com/ThomasJPrice/stampsavvy

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b49d6fbf-e731-4c56-8651-27ce58c510cb-image.png

https://imgutil.s3.us-east-2.amazonaws.com/824ac062a8b3d2a51811244525ddb5a3614152300ba30356160ff548fcb1953e/16b9f5e4-c83b-49a5-b43c-2388e57d77a5.png

Tue, Jul 2

#arcade I added randomly moving boxes in my sprig game! github.com/hackclub/sprig/pull/1858/commits/874aff9c797f5b7143e77402b7e3a2fa26963437 sprig.hackclub.com/share/xeP3c6t14pCwlJh65IpT

https://imgutil.s3.us-east-2.amazonaws.com/bf492474ef4f0d1b48688547215440d5b5c314e653145ba5a9b6298967873fa8/ecc7e42a-adb2-4f6b-a64f-2953d90e1e39.png

Sun, Jun 30

#arcade I added a bookmarking feature to my random recipe generator, CookBooked. GitHub: github.com/ThomasJPrice/cookbooked Live link: cookbooked.netlify.app

https://imgutil.s3.us-east-2.amazonaws.com/3bd56a49b33ab0b18c6125eb6faf07774bdc99c438d749630a94e17a01823c73/653ee603-9d44-4694-b00d-3b2f9cbde94d.png

Fri, Jun 28

#arcade I created a simple Recipe Generator app which randomly gives you a recipe along with ingredients, instructions and a youtube video. Live site: cookbooked.netlify.app Github repo: github.com/ThomasJPrice/cookbooked Api used: www.themealdb.com/api.php

https://imgutil.s3.us-east-2.amazonaws.com/1ff057366db025a15a47dadaf8067c0e5d30b6ec00e2d303b5e71e8eb70616a6/7aa8b4d9-77b5-4f55-86f7-a891de4b752d.png

Fri, Jun 28

#arcade I created a Sprig TAG game! github.com/hackclub/sprig/pull/1858 sprig.hackclub.com/share/cwM3FFWwCx0TedcirmTJ

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2b93fbf0-fb10-4923-8224-5a865e582808-image.png

https://imgutil.s3.us-east-2.amazonaws.com/98587b92240f9ceabd07c74cd572d2bf5badecdecf797c76771564d708c66595/84cfa87b-99b9-4618-9d3c-e9111204c8cb.png

Thu, Jun 27

#arcade after a long time... I re-created my dev portfolio using NextJS and Framer Motion thomasprice-portfolio.netlify.app github.com/ThomasJPrice/portfolio

https://imgutil.s3.us-east-2.amazonaws.com/f79b46f14f93b89095946970abc05e14761f9805f1d19f9ff01a27eb1fd25aaf/c1990c79-3696-487a-8a34-469bc895561c.png

Wed, Jun 26

#arcade I created a simple 3d portfolio website thomasprice-3d.netlify.app github.com/ThomasJPrice/3d-website

https://imgutil.s3.us-east-2.amazonaws.com/316e0966e96c86c958ca12c1542412301d5f6db94462807dc9a77fce5c1174e3/e4a23dee-86c0-4631-bf95-6973002db3ec.png

Wed, Jun 26

#arcade milestone - I coded the hero section of my portfolio! it is fully responsive so looks great on all devices! It took me a long time and tweaking but I got there in the end! github.com/ThomasJPrice/portfolio thomasprice-portfolio.netlify.app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/13fcf18b-4950-4053-9127-3447ee7c3714-thomasprice-portfolio.netlify.app__iphone_xr_.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/48da9875-b7b1-4af9-aa39-73e955e32d87-thomasprice-portfolio.netlify.app_.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/fa7c04ce-8885-4a91-bd6f-3efe135956f4.png

Tue, Jun 25

#arcadeI made a treadmill distance tracker where you can work out how far you ran/walked using the speed and time replit.com/@ThomasJPrice/Treadmill-Tracker#main.py

https://imgutil.s3.us-east-2.amazonaws.com/65720c2adbf0f1d393a1d5eceefed7880418abd10f8565c22dc0822e90e1ebeb/8c8361bf-3ae4-4310-a145-70691ff9eede.png

Mon, Jun 24

#arcade i redesigned my portfolio header to be more engaging and personal www.figma.com/design/T5XTJ6HweJBFTZnMGAgVlp/Portfolio?node-id=0-1&t=0pPcHgSLwJYcJO1c-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/69253cbd-724e-4388-a112-e86bbf56a924-image.png

Mon, Jun 24

For #arcade I created a sitemap for my new developer portfolio

https://scrapbook-into-the-redwoods.s3.amazonaws.com/7e8eb30e-d2f9-4cec-b893-9230665544bb-image.png

Mon, Jun 24

I created a testimonial section for my personal portfolio. thomasprice-portfolio.netlify.app github.com/ThomasJPrice/portfolio/commit/91a4652ed58f482ea16c7bbb7600be42077f091e

https://scrapbook-into-the-redwoods.s3.amazonaws.com/207fc248-090a-4874-adb5-1d09d0ccc2a4-screenshot_2024-06-24_150527.png

https://imgutil.s3.us-east-2.amazonaws.com/9789b9bb23195fe3e00c299b5a1cdc97f350e9ed15d3a65346536bc24116378f/84a0796f-5e5a-453b-9a53-e6813837db22.png

Mon, Jun 24

Redesigned my testimonials section in my portfolio to be more modern and professional. 1st pic is new version. Here is my link for the design www.figma.com/design/T5XTJ6HweJBFTZnMGAgVlp/Portfolio?node-id=0-1&t=0feMUzasYqpzynVl-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/84341f6c-543c-43fc-ade8-e5278ec2b7c4-screenshot_2024-06-24_130923.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6cabf2c8-b2be-491c-867a-fa9e05f848a1-screenshot_2024-06-24_115518.png

Mon, Jun 24

I'm creating a new version of my Deej Volume Mixer on my desk but using knobs and dials instead of sliders. Today I ordered the parts from aliexpress and found a good design on thingiverse ready to 3d print. Can't wait for the products to arrive so I can assemble it!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/688901be-a3f2-4bc6-97b3-1bbd39ee2a84-screenshot_2024-06-24_094638.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/d5384a3a-41a7-4605-a57d-59a07552d0ac-screenshot_2024-06-24_101141.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/f672090c-f8b3-41e1-a406-ffdff21eb4a8-screenshot_2024-06-24_090633.png

Mon, Jun 24

I created a reusable section title component and client work section (with openable sections) for my redesigned portfolio using NextJS and TailwindCSS. thomasprice-portfolio.netlify.app github.com/ThomasJPrice/portfolio

https://imgutil.s3.us-east-2.amazonaws.com/817b2814933db1cad906375a97d6b1fed5c3ce699bfd623752bae0e02bed94a0/d117e523-63fc-4a3b-b89a-9e2feb20294c.png