Devlog 5:

Finally, I finish my first version of my pantry scanner, due to camera quality, sometime it can read the expiry date, sometime it can’t, but I already try my best to make it work.
I can’t film the whole process, but I try to snip a bit of how this camera actually work in screenshot and a video

Devlog 4:

Today, I connected the front and back end; however, the camera quality wasn’t as good as I expected, and it couldn’t scan the barcode to retrieve the data. Now, I am rethinking how to retrieve the data and what the next step should be.

Devlog3:

##Working on front end
My front end is using Python as the main language, alongside html and css, the website look plain as I just built the basic version
Next step: connect front end and back end

Devlog 4:

I have added 2 more features:

Serial Monitor:

It has 4 metrics (CPU, memory, network latency, temperature). It updates constantly; it is mixed with occasional system events logged at different severity levels. It also includes pause/resume, clear and export to TXT.

QR Code Generator:

You can type any URL, and it will generate a QR code instantly. It includes a download button that allows you to download the QR code as a PNG file.

Shipping:

I have just finished modifying the README and testing all the function ensure it is working.

Devlog 3:

Hi, welcome to another devlog. In this devlog, I am focusing on improving the apps and making this website look like an actual desktop environment.

Window feature :

Draggable window:

When you click the app, you can grab any title bar and move it anywhere on the screen

Resize and Minimise screen:

You can drag the bottom-right corner to make a window bigger or smaller. You can also click to collapse a window down to a small chip in the taskbar.

Command Palette:

Press Ctrl+K on Windows to bring up a searchable list of every app on the site; type to filter, arrow keys to move through results.

Wallpaper Switch:

There are 5 different gradient backgrounds; change them via the right-click menu, with a smooth crossfade between them.

Quick Links

Adding a matching set of icon links to GitHub and LinkedIn

Sticky Notes

This is just a quick coloured note people can jot down and delete; it is saved locally so you can still see your note next time.

Devlog 2:

Hi, welcome to this devlog. My personal site keeps growing- this update adds six different features to the site.

Playlist:

I orginally tried to build a custom YouTube playlist, but it got blocked by the party. Instead, I switched to a Spotify playlist, which is embedded into the site, which is more reliable, and it also comes with a polished player UI for free.

Projects:

This is a window showcasing my projects, each attached with a short description, tags and a link back to the repo

Calculator:

This started as a basic four-function calculator, and it expanded to show the running expression live above the main display. Added a history panel that saves the last 10 calculations, so past results are there to review or reuse even after a page reload, like what the phone does.

Pomodoro Timer:

Focus on short breaks, with 2 different countdown lengths, plus it has an animated progress ring so the user can see the remaining time.

Unit Converter:

Covers length, weight and temperature conversions with a swap button between units.

Mascot:

A small character sit on bottom-right corner; after 15 seconds of no activity, it starts a little wiggle instead of just sitting still. Click it, and it pops up a random speech-bubble tip.

Devlog 1:Hi, welocome to this devlog. I want to pause on pantry scanner for a bit, as I am figuring out how to link hardware coding program to the software site. So, I decide to make my own personal Website.This personal website current have 3 features:## Clock:It has both world clock and local clock feature, it will show how long the other country are ahead or behind you.## Weather:It will use your location API to see where you are, it will tell you what the weather is like in your area, it also tell you the wind speed in your area## TO Do List:This is where you add your task in here, the local storage will store your task, and it seperate into low, medium ,high catogeries, it will help you proitize the urgentness.

Devlog 2:

This devlog, it records how the front end works. I use arduino IDE with coding language C+ to make the ESP32 Camera work, It can capture 1600x1200px, which is useful for the backend.
The backend is used to store the captured picture and analyse the expiry date of the food.

#Devlog 1:
Hi, welcome to a hardware project devlog. In this project, I am creating a pantry scanner. I have drawn my schematic board and am soldering the PCB. I forgot to record my soldering part, but here is the overview of the project.

Devlog 4:

Hi, and welcome to my final devlog.
This devlog records my final tidy-up of the website.

Devlog 3:

Hi and welcome to another Devlog

What have I added?

Story update:

Orginally, I had added a section called story. I finished styling
the section and added both languages, making it more engaging and accessible. I have also added a timeline to show what has happened throughout my journey and make the story easier to follow. The story will continue to be updated as I am still investigating my illness.

Conditions A-Z

Adding a new tab called Condition A-Z provides a complete browse of the 45 conditions included in the guide, organised into different health categories. Each condition has a ‘View in Guide’ button that links back to the first tab of the guide. This allows users to quickly find the condition and see the recommended steps and information provided in the guide. I also added an NHS reference for each condition. This links to a Google search for relevant NHS information, making it easier for users to find trusted guidance and learn more about each condition.

First Aid

I have also added a new tab called First Aid. It is designed to teach users what to do during an emergency situation. This section explains when first aid may be needed and provides clear, step-by-step guidance to help users understand what they should do. The information comes from trusted medical sources (Mayo Clinic, NHS)

Thanks for reading! 😊

Devlog 2:

Hi and welcome back to another Devlog.

What have I added?:

Find nearest function

A new feature has been added called Find Nearest under some cards, where users can find the nearest pharmacy, GP, urgent treatment centre, and A&E. This feature requires users to permit the website to have access to their location before using Google Maps as an external tool to find the nearest services.

Declaration Page

In addition to that, a Declaration section has been added in Legal & Privacy. This indicates that the information on the website is meant to be useful but not entirely accurate and applicable to all users and cases, thus, seeking professional medical advice is strongly recommended.

Zoom In/Out

Zoom-in/out features have been added to make the website more accessible to elderly users and those who have difficulty reading.

Thanks for reading! 😊

Devlog 1:

Welcome to my first devlog of MedSite:

What is MedSite?

MedSite is a website designed to help people who are struggling to understand and navigate the UK healthcare system.
I built MedSite because I know how confusing the NHS can be, especially when you are unfamiliar with how the system works.
I was born in Hong Kong and moved to the UK when I was 14. The healthcare system here was completely different from what I used to.
Then, when I was 17, my health suddenly started declining. That began my own NHS journey–from visiting my GP and local pharmacy to A&E, hospital appointments and everything in between.
Over the past two years, I’ve had to learn how to navigate the system, figure out what questions to ask, understand what support was available and sometimes work out where I was supposed to go next.
That experience is what led me to start building MedSite.

At the moment, MedSite is made up of three main components:

Guide:

Guide is designed to help people understand where they might need to go when they have a particular symptom or health problem. This site has input information on common symptoms and illnesses; it will explain what you can expect from the NHS, what questions you can ask, and when you may need to seek further help.
This is not a diagnostics tools. This is used to make the healthcare system easier to navigate and help people feel more prepared when seeking care.

Support:

Support is a place to support your healthcare journey, what you can get away from the NHS, what you can ask for when you are discharged from the hospital, etc…
Sometimes the hardest part isn’t the treatment itself- it’s knowing what happens afterwards.

Story:

Story is the most personal part of MedSite.
It’s where I want to document what has happened throughout these past two years, what I’ve experienced, what I’ve asked, what I’ve been told and what support I’ve been given.
I want to share my experience because I know other people may be going through something similar and wondering, ‘What am I supposed to do?’

Thanks for reading.

Devlog #4

Final data were added to the Americas globe to cover the entire globe. It does not include all cities in the world, but it at least offers good representation of cuisine from around the world.
Today’s main focus was adding the timeline, the Near Me button, and the start screen with favicon— the last few features on my list before shipping.
This is the day when the project goes live. Thanks for following and supporting the project!

Devlog #3
Added some new cities in Africa to our dataset, going further than just covering Asia and Europe.

The main highlight of today’s work was improving the 2D mobile interface, where the city card now appears with a slide-up animation from the bottom and is dismissed with a swipe-down action, not only a close button.

But I also added three new features, working simultaneously for the 2D map and 3D globe:

Search bar – search by city name, dish or cuisine
Surprise me – navigate to some random city
Favourites – mark your favourite city with a star, and open the list of saved cities (locally stored in the browser) later

That’s all for today’s developer log, will see you in the next one.

Devlog #2

Today I started working on my project. I made a map based on Leaflet.js that people can interact with.

When people look at the site on their phones, they will see the 2D map. But if they are using a screen like a computer and the screen is wider than 768 pixels, then they will see a 3D globe instead of the 2D map.

I have been putting places on my map. Today I worked on Asia and Europe. I also drew the favicon by hand.

That’s it for today’s devlog. Thanks for reading, and see you in the next update!