DEV Community: TechGirl007

The Knowledge Grimoire 📖✨

TechGirl007 — Fri, 02 Oct 2026 11:06:57 +0000

This is a submission for the Hacktoberfest Weekend Challenge: Build for a Friend

What I Built

I built the Knowledge Grimoire, a gamified reading experience designed to turn the act of reading into a legendary quest.
Who it's for: While designed for any reader, I built this specifically with children and students in mind. Many kids find traditional reading logs boring or feel pressured by the "homework" aspect of reading.

The Problem it Solves:

Motivation: It replaces the "reading list" with a "journey of ascension." By logging books as "Conquests" and earning Archetypes (from Novice to Eternal), it triggers the reward circuitry that makes games addictive, but applies it to literacy.
Privacy & Safety: With strict age rules on social media, kids can't always share their achievements online. The Grimoire solves this by being local-first. It stores all data in the browser's local vault, meaning a school can host this within their own secure ecosystem without any student data ever leaving their environment.
Critical Thinking: Instead of just checking a box, the app requires an "Arcane Insight"—one singular truth the reader took from the book—encouraging active reflection over passive reading.

Demo

🚀 Live App: https://techgirl007.github.io/knowledge-grimoire/

Code

📂 GitHub Repository: https://github.com/TechGirl007/knowledge-grimoire

How I Built It

I employed a multi-AI workflow to bring the Knowledge Grimoire to life, utilizing different tools for different stages of the development cycle:

Scaffolding (GitHub Copilot): I used Copilot to generate the initial foundational code and basic structure of the application.
Iterative Design & Architecture (Google Gemma): Once the base was set, I partnered with Gemma as my lead architect to transform a simple utility into a gamified experience. Together, we iterated through three major versions, implementing the "Trophy Card" system and the "Archetype" logic.
Advanced Feature Implementation: I worked with Gemma to solve the challenge of data persistence, implementing the Blob and FileReader APIs to create the "Soulstone" save-file system.

The project is built using Vanilla HTML5, CSS3 (custom properties and glassmorphism), and JavaScript (ES6+).

Why Does Open Innovation Matter?

Open innovation is critical for educational tools. Closed-source platforms often lock student data behind subscriptions or track user behavior for profit.

By building the Knowledge Grimoire as an open-source project, any teacher or school administrator can fork this code, customize the ranks to fit their curriculum, and host it on their own private servers. Open innovation makes it possible to provide a "high-tech" feel without sacrificing the absolute privacy and safety required in a school environment.

My Agent Session

Some snapshots of AI interaction

Prize Categories

Best Use of Gemma: I utilized Gemma as my lead architect and pair programmer to transform a basic concept into a fully functioning, gamified educational tool.

Strategic Architectural Choice: I intentionally opted for a Local-First architecture rather than an API integration. By doing so, I eliminated the risk of exposing API keys in a public repository and, more importantly, ensured that no Personally Identifiable Information (PII) ever leaves the user's device.

This removes the Regulatory Risk (such as COPPA or GDPR compliance) typically associated with educational software for children, making the Knowledge Grimoire a "Zero-Trust" application that is safe for use in any school environment.

Hacktoberfest 2023 : The Good -The Bad -The Ugly

TechGirl007 — Mon, 09 Oct 2023 14:01:24 +0000

Hacktoberfest means different things to different people. The short of it is that Hacktoberfest was created for good intended purposes. However, like most things, good things can quickly go wrong when exploited.

I enjoy coding but I don't get to code that often. Hacktoberfest gives me that opportunity to keep my skills relevant. As the old cliche goes: Don't use it, you loose it.

Sadly, however, I attempted Hacktoberfest last year, and found that that every project I contributed to, was excluded. I was fairly annoyed because I had spent some time writing code with a focus on a fun outcome. I ended up just giving up. It is really frustrating to put some time in and then find your time was worth nothing. Surely the Hacktoberfest team created a page with 'excluded projects' on it??

This year, I decided to give it another go. Once again, I am faced with 'excluded'. No once, but several times. Of course, some of the projects you question. You think to yourself: "Is this a trap". After a while you think all of the projects are a trap. And when I say trap, I mean the projects that ask you to add a photo, add your personal information etc.

This year, before I committed to any project I completed a quick background check. Some of them have been on GitHub for some time. Their profile was very well crafted and it left me thinking: "Surely not". But sadly it was "Surely: yes".

I am not sure about you, but it is frustrating. If you found a project which fits all the Hacktoberfest guidelines and PR requests are acceptable which ultimately makes the 'waiting list', could you share in the commentary below.

thanks

Hacktoberfest 2023

TechGirl007 — Sat, 12 Aug 2023 07:31:45 +0000

This is just a friendly reminder to circle Hacktoberfest 2023 in your diary. For more information visit Hacktoberfest.com

Hacktoberfest 2021

TechGirl007 — Sat, 02 Oct 2021 04:11:25 +0000

THE GOOD, THE BAD and THE UGLY

I am going to be honest, I have been focusing on completing my law degree. The last 2 years of this degree has been 'brutal'. As such, I have not had the time to focus on the fun stuff like coding. So, Hacktoberfest is a big deal for me. It not only gives the opportunity to 'stay in the game of coding' but it also gives me that little breather from studies.

I have participated in 2 Hacktoberfest. Last year, I ran an event to inspire other people to get involved with Hacktoberfest. Over 250 people showed up for an online tutorial. *SHOCK

Notably, this year has had its challenges. I know I am not the only one. The hard times teaches us compassion and empathy. So, for me, Hacktoberfest is about joining a fun community, celebrating a month of code, inspiring others on the amazing things you can do in the developers world, and forget about any challenges you may have had this year.

Over the past 2 days I have given Hacktoberfest a real go. I decided I wanted to do a little more this year, so I decided to do some fun stuff with code. I have to admit, I am not an expert coder. I would definitely class my self as a beginner compared to the rest of the amazing developers.

At first, I did a github search for #hacktoberfest2021. After I completed a few PRs, I found the projects weren't not participating in this event. Oddly, they have 2021 in their project. I went back to the Hacktoberfest QA folder and read the instructions again. I noticed that I needed to add commentary. So, I looked for some others, added comments but again..rejection. I went back to the Hacktofest page and decided to choose beginner. Clearly I have not learnt anything so I should start from scratch. No luck. Then, I thought, let me try DEV. I found a post which lead me to a page which set out instruction. Ironically, I went to the page that said "Participating in Hacktoberfest" and choose one. But, the same thing happened.

So, all in all, I have completed 11 PR. One is still to be accepted. One project is excluded and the rest is 'project not participating'.

There were some rules that said that maintenance can say 'SPAM', which is a concern because it is never my intent to ever do that. So, if anyone has any ideas, or can #help with a few projects that I can partake it, I would be grateful. Otherwise, I may just need to take a back seat and let this year's Hacktoberfest pass by. :(

Hacktoberfest 2020 DONE

TechGirl007 — Wed, 02 Dec 2020 09:26:42 +0000

My loot arrived for #hacktoberfest2020 Big shout out to everyone that made this event possible. I enjoyed it. Hopefully I will be able to put a cool project together for next year.

Hacktoberfest 2020 - Completed

TechGirl007 — Tue, 20 Oct 2020 02:31:31 +0000

I also held an online event helping a bunch of newbies with their first Hacktoberfest. Who knows, maybe one will be an 'rock star' in devops!

hacktoberfest #completed #grateful

ONE YEAR

TechGirl007 — Sat, 03 Oct 2020 06:28:09 +0000

WOW, I can't believe that one year has passed. Thanks to everyone here for helping with so many questions last year.

Good news! I have paid it forward and helping over 100 people tonight with the same questions I had last year. #gofigure
It's an online event for Hacktoberfest 2020. Started out with just a simple idea of helping a few people. It sort of went a little wild with registration.

Thanks again. Here's too a super #hacktoberfest2020

FIRST HACKTOBERFEST #PROUD

TechGirl007 — Thu, 24 Oct 2019 00:56:47 +0000

Done It! Completed my First Hacktoberfest! It was fun BUT I would not have been able to compete if this event if it never existed. So this is a SHOUT OUT to:

Digital Ocean for making it possible
GitHub for being open source
Everyone that created a project to make it happen.
Dev and everyone on it - for answering my newbie questions and offering this forum.
Everyone else that has joined this journey

It may be just one T-Shirt but it represents a lot of work and significant amount of community support.

I look forward to next year's one and spending the next year learning how to create a project for others to participate in.

Thank You.

PS: Photo by Digital Ocean.

What is a Review Period? #hacktoberfest

TechGirl007 — Tue, 08 Oct 2019 00:09:51 +0000

Hello Everyone. I went over to my profile and noticed a few new things. Part of the learning curb.

Firstly, 4 of the 7 PR requests have a timer which says 'review period'. What does this mean?
Notably, the other PR's don't qualify for this hacktoberfest because they don't align with the values. I am unsure what this means other than there are certain rules and regulations set prior to the event which these projects did not 'live up to'.

Look forward to any feedback on my original questions. #thanks

#hacktoberfest Conquering your First Hactoberfest!

TechGirl007 — Mon, 07 Oct 2019 23:46:07 +0000

Last year, I heard about hacktoberfest but was left with a number of challenges I had to work out. The first was a PR or Pull Request. What the bleep bleep is that, how do you do this, and how do you know if you have done it correctly? The next was a fork? Wait - is that something you eat with? Unfortunately, there was no one to ask directly, so I decided to focus on my studies.

This year - however it was game on. As soon as the email came through I made it a mission to figure out how this whole thing worked. As Julius Caeser said: "I came, I saw, I conquered?" And you know what - it was so much easier than I imagine!

Advice to newbies like me...read the instructions...ask for help - don't be like me and hover in a dark corner afraid to ask for anything...and give it a shot. As for all the other amazing people putting challenges together so newbies like me can give it a shot - a BIG THANK YOU!

Next year's goal - to create something for other budding hacktoberfest participants.

Goodluck