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

toivoa070

@toivoa070

Joined June 4th, 2026

  • 4Devlogs
  • 3Projects
  • 1Ships
  • 1Votes
Ship

@toivoa070 on Timer'O

A simple and beginner-friendly Desktop Timer application built using Python, HTML, and CSS. This project allows users to start, pause, and reset a timer with a clean and minimal interface. I mainly am proud of this project because I always wanted an application like this I used to download three different apps for management of my daily task, timer for studying, current time to track the time I started studying from and daily tasks that I can tick out after completion and they would still be there for a long time. It is a demo of an ideal app that I've been searching for. What I found challenging was basically the python command in it. Thought there were tutorials for a simple analog clock it was still rather hard to convert that to what I have created and to combine it with html it was something new. I had to manage both frontend and the backend which was rather new for me.

  • 1 devlog
  • 1h
Try project → See source code →
Open comments for this post

@toivoa070 on Timer'O

1h 9m 51s logged

A simple and beginner-friendly Desktop Timer application built using Python, HTML, and CSS. This project allows users to start, pause, and reset a timer with a clean and minimal interface. It is created as a learning project while exploring Python and web development concepts. Also happens to be one of my first projects while learning python.

@toivoa070

A simple and beginner-friendly Desktop Timer application built using Python, HTML, and CSS. This project allows users to start, pause, and reset a timer with a clean and minimal interface. It is created as a learning project while exploring Python and web development concepts. Also happens to be one of my first projects while learning python.

Replying to @toivoa070
0
2
Open comments for this post

@toivoa070 on Untitled

27m 7s logged

For a long time, I kept wondering what kind of project I could build that would genuinely improve my coding skills. One day, while working in VS Code, I started paying attention to how convenient it is to write code and instantly see the results. I noticed how different colors highlighted functions and syntax, and how useful live feedback can be while coding. That got me thinking about Markdown and how developers often need to write documentation, notes, and README files. Normally, you have to switch between editing and previewing to see how your Markdown looks. After exploring a few ideas online, I decided to build my own Markdown Previewer from scratch. The application will feature: A split-pane layout with an Editor Pane and a Preview Pane Support for Markdown headings Bold and italic text formatting Links and images Code blocks for displaying code snippets Live preview updates as the user types. The semantic structure of the project is intentionally simple and consists mainly of a element for the toolbar and a element containing the editor and preview sections .For styling, I used fonts from /*https://fonts.googleapis.com*/ and referenced design inspiration from Pinterest and made it Stardance themed. Throughout this project, I have learned more about how Markdown works behind the scenes, including :Parsing block-level elements using regular expressions (Regex)Understanding Markdown syntax rules Structuring applications with semantic HTML Building responsive split-pane layouts Creating real-time content updates with JavaScript. This project has been a great learning experience because it combines HTML, CSS, and JavaScript while introducing me to text parsing and dynamic content rendering. More importantly, it has helped me understand how tools that developers use every day are built and how they work behind the scenes.

@toivoa070

For a long time, I kept wondering what kind of project I could build that would genuinely improve my coding skills. One day, while working in VS Code, I started paying attention to how convenient it is to write code and instantly see the results. I noticed how different colors highlighted functions and syntax, and how useful live feedback can be while coding. That got me thinking about Markdown and how developers often need to write documentation, notes, and README files. Normally, you have to switch between editing and previewing to see how your Markdown looks. After exploring a few ideas online, I decided to build my own Markdown Previewer from scratch. The application will feature: A split-pane layout with an Editor Pane and a Preview Pane Support for Markdown headings Bold and italic text formatting Links and images Code blocks for displaying code snippets Live preview updates as the user types. The semantic structure of the project is intentionally simple and consists mainly of a element for the toolbar and a element containing the editor and preview sections .For styling, I used fonts from /*https://fonts.googleapis.com*/ and referenced design inspiration from Pinterest and made it Stardance themed. Throughout this project, I have learned more about how Markdown works behind the scenes, including :Parsing block-level elements using regular expressions (Regex)Understanding Markdown syntax rules Structuring applications with semantic HTML Building responsive split-pane layouts Creating real-time content updates with JavaScript. This project has been a great learning experience because it combines HTML, CSS, and JavaScript while introducing me to text parsing and dynamic content rendering. More importantly, it has helped me understand how tools that developers use every day are built and how they work behind the scenes.

Replying to @toivoa070
0
2

Followers

Loading…