Activity

Zoe

Added profile popover on click and version news and changelog modal, and begun preparing the app for release by removing all embedded PII in it.

Attachment
Attachment
0
Zoe

Educamos just decided that they wanted to change the entire Calendar UI (ss 1, kinda garbage in my opinion, also using like half of the page :skulk:), and since my app gets its data from there I’ve had to redo the entire backend for this endpoint. The way it works now is it loads the full week’s timetable and then parses the specific day, making everything faster and allowing me to cache the rest of the week to make less requests.

In addition, I’ve also done a few miscellaneous fixes such as adding icons to the login page for light and dark mode (ss 2), and fixing some content not appearing on the first auth.

The app also now logs you out when auth expires (lol) instead of just showing broken content and requiring you to go to settings and reauth.

Attachment
Attachment
0
Zoe

Reversed the links to be able to insta log in to office and teams too, and added an option to set custom pfps.

Attachment
Attachment
0
Zoe

Added calendar (ss 1)! yay You can now view your timetable for the week, as well as if you have any exams. Thankfully educamos returns JSON here.

Also made a logo weirdly inspired by books :) (img 2, haters would say it doesn’t look like a book :3)

Finally, I added “circulares” (ss 3, documents sent by the school) and “incidencias” (ss 4, issues related to you). These were previously just stubs in the sidebar. These work through HTML.

Attachment
Attachment
Attachment
Attachment
0
Zoe

So yeah CDN has been down for a while… So this devlog is loooong :(( I promise I’ll go back to short devlogs right away (if stuff doesn’t break again :P) at least I’ll try to make this devlog as extense as possible.

Here’s what I’ve done atm:

1- Did a brief UI study on how Notion’s design works, and also made a moodboard

2- Made the UI for the homepage (ss 1) with sample data. I’m extremely proud of this design :)

3- Implemented “avisos” (notifications). This makes a request to Educamos’ API, reads the JSON it returns, and if necessary proxies the file it serves to be able to be downloaded on clients

4- Implemented “mis deberes y tareas” (tasks). Educamos decides that it wants to return an HTML instead of JSON, so I have to parse it and read it properly to be able to use it for my app

5- Birthdays. Educamos does return a JSON, so it’s as simple as analyzing that and proxying imgs

6- Notification counters (ss 2). Also JSON

7- “recent grades” info (ss 2). This fetches recent grades from Educamos (another HTML endpoint aaa) and parses it

8- Agenda. This gets the HTML from educamos, checks it’s for the correct day, finds any associated activities, and formats and shows it

9- Redirects for email and OneDrive (ss 3)

10- Grades and subjects page (ss 4 and 5). This was definitely the hardest part. When you ask Educamos for your subjects and grades, instead of returning a list of subjects with their grades as subitems, it returns ahuuge doc that I had to MANUALLY READ to find all associations between subjects and their grades. It contains them separate, with no linking between them by ID. Instead, you need to read every item, compare it against the list you have, guess if the item is a grade or a subject, and then analyze it

Help imma cry this has taken way too long but I won’t stop until it’s perfect and that’s all :) (pls vote this project well even if this is a big devlog it’s CDNs fault I’m losing my sanity aaaaaaa)

Attachment
Attachment
Attachment
Attachment
1

Comments

Zoe
Zoe 4 days ago

help this devlog was impossible to write, Flavortown didn’t like it being so long XD

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 :)

Zoe

I started with a rough demo and looking around original endpoints as a base inspiration to develop my own system using Appwrite. I first need to check and distinguish between server and client resources.

Attachment
0
Zoe

I’ve done a small “first iteration” of the LLM. Apparently I can choose from either overfitting or it not getting any training data :D

At the moment I’m working on adding more examples. Manually writing them is hard asf :/ I’m at 500 right now :D

Attachment
0
Zoe

Fixed errors and finally completed the condition support. Now you can also add a condition for calendar events existing and/or being in the next x minutes, so I also made a new Home Assistant dashboard to leverage this.

Attachment
1

Comments

Magic
Magic 25 days ago

uwu :3

Zoe

Successfully built on Appwrite pages with server-side rendering and implemented custom subdomain on my domain name (openink.isitzoe.dev).

Attachment
0
Zoe

Rebrand! Updated name. logos, description, README… Check out the new name, logo and banner! Designed in Figma :D

Attachment
0
Zoe

Conditions are here! You can now restrict screens to only show when certain conditions are true/false, and also override the other screens to make the screenshot with a condition the only one shown. Current conditions are “is x person in y zone” and “is it x day of the week”. You can also change start of week day, and the conditions refresh interval.

Attachment
0
Zoe

I really went TRMNL mode here, and made a whole web UI for the device. It allows users to create an account/log in, and get a device.json url together with a health url for their device. This way they can easily see if their device is online or not, change the screens (and their order), set “dev mode” (makes device.json be fetched every 2 minutes instead of every 15 minutes), and more. I also plan on adding conditions to the screens in order to show/hide them soon.

Attachment
0
Zoe

Made a new system that allows creating a device.json file hosted online to tell the display what to show and when. This way I can add screens that are shown every x minutes and cycle between each other, or set a screen to show during a specific time range.
This is making the project get closer to a full on TRMNL-like platform lol 🤣

Attachment
0
Zoe

Added some improvements in music assistant and the dashboard to support multiple sound outputs on the display. Now it has a list of sources and only shows the ones currently playing. There’s also a fake “Paused” source that only shows when no source is playing anything.

Attachment
0
Zoe

I created and printed a nice 3D design to be able to house the e-Ink display and my raspberry Pi, and also removed the borders around the items on the display to improve looks.

Attachment
0
Zoe

I made a simple version of the system. It uses JS to fetch my home assistant instance, load a specific dashboard, take a screenshot of it and then convert it to e-Ink format. Then, a python script takes that image and renders it on the display.
The Home Assistant dashboard uses custom e-Ink stylings to make everything look nice and clean, and shows my music status, pending tasks (synced from Notion) and the weather.

Attachment
0
Zoe

Shipped this project!

Hours: 2.19
Cookies: 🍪 5
Multiplier: 2.38 cookies/hr

v1 is done! Let’s hope it doesn’t try to replace itself with the original repos again… That’s like a virus lol

Zoe

Finished the repo! It’s based around Upptime, but I had to modify pretty much every part of every repo for it to be able to work with my modifications. I completely redesigned how it looks, improved the READMEs, republished all packages… I must say, it looks fire!

Attachment
0