You are browsing as a guest. Sign up (or log in) to start making projects!

Gabriel

@Gabriel

Joined June 1st, 2026

  • 14Devlogs
  • 4Projects
  • 2Ships
  • 0Votes
Open comments for this post

1h 27m 33s logged

After lots and lots of mistakes and errors and trying to find the best way to do it, I figured it out.
Basically, I fused the two projects into the same folder so that the server can access all the local info (as you can see in the URL of the first two screenshots).
I think this is the easiest way to do it and the one that works best for me. I know there’s only 1h 27m left, but I spent like 3 hours thinking about how to implement everything together.
There are still some problems I have to solve. First of all, the /habit-tracker/ page was programmed using my phone’s resolution (as you can see in the last devblog). This may be a problem because now I basically have to copy and paste the habit tracker into the fourth menu (by “fourth menu” I mean the fourth button, the one with the fire emoji, that’s where the habit tracker goes). Since the habit tracker was programmed using my phone’s resolution, I don’t know how it’ll fit, and I don’t know how to “copy and paste” it either.
The second problem… actually, I think that’s all. It was just one big problem after all XD

0
0
5
Open comments for this post

1h 39m 57s logged

I made the dashboard. To increase the streak, you have to complete all the habits. The GitHub-like grid gets darker depending on how many habits you’ve done, and below that you can see this week’s habits.
It’s designed to fit my phone’s resolution, so I’m not sure how it’ll look on other screen sizes. It’s in Spanish because the display will be in Spanish (since I’m Spanish XD)

0
0
4
Open comments for this post

1h 5m 47s logged

I’ve made a web app that works as a habit tracker. I was going to make a native app, but then I thought: I’m not going to make this harder than it needs to be, I’ll just build a web app and then add a shortcut to the home screen so it feels like an app. It may be slower and you can’t store things on the phone, but it’s easier. From this web app I’ll send the data to the display. Now I’ll make the github-like grid.

0
0
3
Ship Pending review

I finished my first Slack bot. It has the commands from the guide plus 2 commands I added myself: one that picks an option for you when you can't decide, and one that rolls a die. it's my first Slack bot. I didn't know how they worked before. Now that I do, I'm planning to implement one in a project.

Try project → See source code →
Open comments for this post

32m 9s logged

I finished my first Slack bot. It has the commands from the guide plus 2 commands I added myself: one that picks an option for you when you can’t decide, and one that rolls a die.

0
0
4
Open comments for this post

1h 29m 35s logged

I built the to-do list, though I ran into a few problems along the way. The documentation wasn’t very clear, which slowed me down. I added a function to select a task and mark it as done or undone. The selection part works, but I can’t actually mark a task as done. This is because the page is static HTML: it can only read tasks.json, a file the Python script wrote earlier. Writing back to Google Tasks needs OAuth authentication, which lives in the Python script, and that doesn’t run in the browser. I’d also like to show the time a task is due, but the Google API doesn’t expose that information.

0
0
3
Open comments for this post

1h 2m 20s logged

I made this simple bottom bar so I could tell what each button does, since in the final product I’ll be using TTP223 modules, so there won’t be any emojis. What wasn’t so simple was linking the buttons to the calendar functions. I had to read through the whole docs to figure out how to do it.

0
0
3
Open comments for this post

2h 7m 21s logged

I added a calendar. At first I was going to use the Google API but it was so difficult. I searched for alternatives on GitHub and found a website that lets you personalize your calendar, and then you just have to paste the code it gives you into the HTML file.

0
0
3
Open comments for this post

1h 34m 31s logged

I’ve created the first screen of the project, it just shows the time and weather for now. I’m using emojis at the moment but I’ll look for black and white icons later. I wasted like 30 minutes trying to figure out what was wrong, and it turned out I just hadn’t closed a block properly lol

0
0
3
Open comments for this post

56m 13s logged

I started by sketching a quick diagram of how the whole device should work. Then I built a web page with an 800×480px canvas , the exact resolution of the display. Every hour, a server renders this page, captures it as a 1-bit bitmap, and publishes it at a fixed URL. The ESP32 simply wakes up, downloads the bitmap, paints it on the e-ink panel, and goes back to deep sleep. It never runs any of the app logic itself, that’s what makes the battery last for months.

0
0
2
Ship

A personal web-based "OS" built from scratch with plain HTML, CSS, and JavaScript. It runs in the browser and is meant to be my portfolio and personal page. The current version is intentionally simple (to learn the basics): it includes a notes app (create notes with a title, delete them), a live clock and date display, and a welcome screen. More apps are planned for WebOS 2.

Try project → See source code →
Open comments for this post

3h 22m 52s logged

Finally! I finished my first app! It’s just a simple notes app. I think now I can consider it an OS XD. I ran through a lot of bugs and mistakes. I learned a lot, so I think that now it should be easier to create other apps and make this OS my own.

0
0
5
Open comments for this post

1h 18m 29s logged

I’ve been working on the start screen. There are no buttons or other menus yet, it’s just the start. I’m not used to working with HTML or CSS; I’m still learning. The goal is to create a website that I can use as my portfolio.

0
0
20

Followers

Loading…