|
26933
|
My awesome macropad! by @tommy_IT | Stardance
|
tommy_IT
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @tommy_IT | Stardan Title: My awesome macropad! by @tommy_IT | Stardance...
|
1793541204.5429916
|
1794146004.5429916
|
|
10135
|
My first slack bot! by @tommy | Stardance
|
tommy
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @tommy | Stardance
|
1793213687.2425036
|
1793818487.2425036
|
|
63861
|
3D printed rocket #1 by @tommi34kts1 | Stardance
|
tommi34kts1
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: 3D printed rocket #1 by @tommi34kts1 | Star Title: 3D printed rocket #1 by @tommi34kts1 | Stardance...
|
1793055107.9868646
|
1793659907.9868646
|
|
64008
|
My very own WebOS by @tommasoturati07 | Stardance
|
tommasoturati07
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @tommasoturati07 | Sta Title: My very own WebOS by @tommasoturati07 | Stardance...
|
1793058489.062934
|
1793663289.062934
|
|
17527
|
My awesome macropad! by @tommasoparodi11 | Stardan My awesome macropad! by @tommasoparodi11 | Stardance...
|
tommasoparodi11
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @tommasoparodi11 | Title: My awesome macropad! by @tommasoparodi11 | Stardance...
|
1793321780.7970772
|
1793926580.7970772
|
|
17529
|
Untitled by @tommasoparodi11 | Stardance
|
tommasoparodi11
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled by @tommasoparodi11 | Stardance
|
1793541325.4783554
|
1794146125.4783554
|
|
17530
|
Frictionless by @tommasoparodi11 | Stardance
|
tommasoparodi11
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Frictionless by @tommasoparodi11 | Stardanc Title: Frictionless by @tommasoparodi11 | Stardance...
|
1793443890.9439347
|
1794048690.9439347
|
|
17531
|
Untitled by @tommasoparodi11 | Stardance
|
tommasoparodi11
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled by @tommasoparodi11 | Stardance
|
1793386412.1348295
|
1793991212.1348295
|
|
8756
|
SDR Monitoring Box by @tomko_145 | Stardance
|
tomko_145
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: SDR Monitoring Box by @tomko_145 | Stardanc Title: SDR Monitoring Box by @tomko_145 | Stardance...
|
1793202758.2264013
|
1793807558.2264013
|
|
31110
|
Fully 3D Printed Cycloidal Actuator by @tomilan | Fully 3D Printed Cycloidal Actuator by @tomilan | Stardance...
|
tomilan
|
0
|
5.83
|
0
|
[]
|
[{"post_id": 39781, "ts": "202 [{"post_id": 39781, "ts": "2026-08-02T23:39:21Z", "hours": 5.8342, "text": "Version 3 Complete Version 1 This gearbox was a handcranked gearbox specifically meant to test the validity of the python cycloidal generator. It had a gear ratio of 1:9. Version 2 This design was a micro cycloidal gearbox with a ratio of 1:9, meant to only take up the same footprint as a NEMA 17. Due to the tight tolerances needed for a small cycloidal drive and the lack of precision offered by 3D printing, this design did not work. Version 3 This gearbox was the first working version to run on a NEMA 17. It has a larger footprint compared to Version 2 allowing greater tolerances and a fully functional design. What is next I now want to design and print a fully closed loop stepper controller PCB for a nema 17 stepper motor which I will work on in my next project. I am currently thinking of using an: Atiny44 as the mcu An a4988 as the driver An AS5600 as the encoder MORE INFO CAN BE FOUND IN THE GITHUB ARTICLE"}]...
|
Title: Fully 3D Printed Cycloidal Actuator by @tom Title: Fully 3D Printed Cycloidal Actuator by @tomilan | Stardance
Devlogs:
Version 3 Complete Version 1 This gearbox was a handcranked gearbox specifically meant to test the validity of the python cycloidal generator. It had a gear ratio of 1:9. Version 2 This design was a micro cycloidal gearbox with a ratio of 1:9, meant to only take up the same footprint as a NEMA 17. Due to the tight tolerances needed for a small cycloidal drive and the lack of precision offered by 3D printing, this design did not work. Version 3 This gearbox was the first working version to run on a NEMA 17. It has a larger footprint compared to Version 2 allowing greater tolerances and a fully functional design. What is next I now want to design and print a fully closed loop stepper controller PCB for a nema 17 stepper motor which I will work on in my next project. I am currently thinking of using an: Atiny44 as the mcu An a4988 as the driver An AS5600 as the encoder MORE INFO CAN BE FOUND IN THE GITHUB ARTICLE...
|
1793371786.8109488
|
1793976586.8109488
|
|
31111
|
NEMA 17 Closed Loop Controller by @tomilan | Stard NEMA 17 Closed Loop Controller by @tomilan | Stardance...
|
tomilan
|
0
|
7.54
|
0
|
[]
|
[{"post_id": 61726, "ts": "202 [{"post_id": 61726, "ts": "2026-09-04T19:26:01Z", "hours": 3.6497, "text": "Swapped to OPTIBOOT bootloader I have been working on getting micronucleus to work on a attiny 84 over the past 3 weeks. Though due to me using a breabaord micronucleus was unreliable, I spent many hours trying to debug it, but was unable to. I am now working on swapping to the optiboot, a bootloader where I will use a USB to UART to program my attiny 84 instead of raw USB. I am currently waiting for my USB to UART converter to ship. Bellow is the new block diagram"}, {"post_id": 51994, "ts": "2026-08-22T00:33:22Z", "hours": 1.8925, "text": "Devlog 4: Working on breadboard I managed to wire the breadboard for the programmer of the attiny84, but after burning the micronuclues bootloader onto the Attiny I realized I did not have a USB-C data cable, it should be coming in the next few days. With it should come a complete breadboard prototype and a PCB design ready for printing!"}, {"post_id": 49246, "ts": "2026-08-17T22:39:50Z", "hours": 0.25, "text": "Devlog 3: Got AS5600 and USB-C Working I soldered for the first time today. After alot of issues with my solder wick getting caught and over soldering joints I got both my USB-C and AS5600 breakout boards to work. Bellow is an image of the as5600 magnetic angle encoder working and part of the code used to test it."}, {"post_id": 49035, "ts": "2026-08-17T17:00:06Z", "hours": 0.8167, "text": "Full Finished Schematic I managed to complete the schematic, and get to 0 KICAD errors. In the process I realized I had to swap from an ATtiny 45 to 84 for more GPIO pins What is next: I ordered the parts to build a breadboard prototype. It should be coming soon. The next devlog will be about the physical prototyping."}, {"post_id": 47200, "ts": "2026-08-14T23:12:34Z", "hours": 0.9303, "text": "Nearly Whole Schematic Done I have the whole schematic done and validated. The imaged attached is just for the driver, I have an encoder, atiny45 and shift register I’ve wired. I now need to purchase the parts for the breadboard test before getting this PCB printed. LMK what you guys think of the project!"}]...
|
Title: NEMA 17 Closed Loop Controller by @tomilan Title: NEMA 17 Closed Loop Controller by @tomilan | Stardance
Devlogs:
Nearly Whole Schematic Done I have the whole schematic done and validated. The imaged attached is just for the driver, I have an encoder, atiny45 and shift register I’ve wired. I now need to purchase the parts for the breadboard test before getting this PCB printed. LMK what you guys think of the project!
Full Finished Schematic I managed to complete the schematic, and get to 0 KICAD errors. In the process I realized I had to swap from an ATtiny 45 to 84 for more GPIO pins What is next: I ordered the parts to build a breadboard prototype. It should be coming soon. The next devlog will be about the physical prototyping.
Devlog 3: Got AS5600 and USB-C Working I soldered for the first time today. After alot of issues with my solder wick getting caught and over soldering joints I got both my USB-C and AS5600 breakout boards to work. Bellow is an image of the as5600 magnetic angle encoder working and part of the code used to test it.
Devlog 4: Working on breadboard I managed to wire the breadboard for the programmer of the attiny84, but after burning the micronuclues bootloader onto the Attiny I realized I did not have a USB-C data cable, it should be coming in the next few days. With it should come a complete breadboard prototype and a PCB design ready for printing!
Swapped to OPTIBOOT bootloader I have been working on getting micronucleus to work on a attiny 84 over the past 3 weeks. Though due to me using a breabaord micronucleus was unreliable, I spent many hours trying to debug it, but was unable to. I am now working on swapping to the optiboot, a bootloader where I will use a USB to UART to program my attiny 84 instead of raw USB. I am currently waiting for my USB to UART converter to ship. Bellow is the new block diagram...
|
1793476580.79821
|
1794081380.79821
|
|
53159
|
My Engineering Sit by @tomilan | Stardance
|
tomilan
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My Engineering Sit by @tomilan | Stardance
|
1793476217.9911602
|
1794081017.9911602
|
|
41611
|
My first slack bot! by @tomiesta_tuff | Stardance
|
tomiesta_tuff
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @tomiesta_tuff | Sta Title: My first slack bot! by @tomiesta_tuff | Stardance...
|
1793029823.645329
|
1793634623.645329
|
|
31723
|
My awesome macropad! by @tomhemed1 | Stardance
|
tomhemed1
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @tomhemed1 | Starda Title: My awesome macropad! by @tomhemed1 | Stardance...
|
1793184921.2138002
|
1793789721.2138002
|
|
50866
|
Untitled project by @tomf | Stardance
|
tomf
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled project by @tomf | Stardance
|
1793364862.044783
|
1793969662.044783
|
|
55148
|
Untitled project by @tomerdavies | Stardance
|
tomerdavies
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled project by @tomerdavies | Stardanc Title: Untitled project by @tomerdavies | Stardance...
|
1793145040.1688528
|
1793749840.1688528
|
|
4300
|
My first slack bot! by @tomer_shamiaben | Stardanc My first slack bot! by @tomer_shamiaben | Stardance...
|
tomer_shamiaben
|
0
|
0.27
|
0
|
[]
|
[{"post_id": 684, "ts": "2026- [{"post_id": 684, "ts": "2026-06-02T07:37:59Z", "hours": 0.2672, "text": "code for the slack bot that once a day use a meme api generator to send memes if you type /meme"}]...
|
Title: My first slack bot! by @tomer_shamiaben | S Title: My first slack bot! by @tomer_shamiaben | Stardance
Devlogs:
code for the slack bot that once a day use a meme api generator to send memes if you type /meme...
|
1793149012.9413235
|
1793753812.9413235
|
|
38887
|
Untitled by @tomer_shamiaben | Stardance
|
tomer_shamiaben
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled by @tomer_shamiaben | Stardance
|
1793432877.393432
|
1794037677.393432
|
|
8477
|
My awesome macropad! by @tomek08_konto | Stardance
|
tomek08_konto
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @tomek08_konto | St Title: My awesome macropad! by @tomek08_konto | Stardance...
|
1793386536.288786
|
1793991336.288786
|
|
6300
|
Imposter who? by @tomdejong | Stardance
|
tomdejong
|
0
|
1.91
|
0
|
[]
|
[{"post_id": 5747, "ts": "2026 [{"post_id": 5747, "ts": "2026-06-09T17:26:31Z", "hours": 1.9119, "text": "Devlog 1 Hello everyone that is reading this! Welcome to my first devlog on stardance and thank you for taking the time to read this. As you might know i’m working on a game called impostor who. I started developement today and i have the first few things working already! The main menu works with the functionality to add remove and edit people. It looks exactly how i envisioned it and im super happy with how its currently looking."}]...
|
Title: Imposter who? by @tomdejong | Stardance
De Title: Imposter who? by @tomdejong | Stardance
Devlogs:
Devlog 1 Hello everyone that is reading this! Welcome to my first devlog on stardance and thank you for taking the time to read this. As you might know i’m working on a game called impostor who. I started developement today and i have the first few things working already! The main menu works with the functionality to add remove and edit people. It looks exactly how i envisioned it and im super happy with how its currently looking....
|
1793486996.4613292
|
1794091796.4613292
|
|
25647
|
WebOS Project by @tomdeax2 | Stardance
|
tomdeax2
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: WebOS Project by @tomdeax2 | Stardance
|
1793476190.8957345
|
1794080990.8957345
|
|
65622
|
Flappy Stardance by @tomdeax2 | Stardance
|
tomdeax2
|
0
|
0.34
|
0
|
[]
|
[{"post_id": 73491, "ts": "202 [{"post_id": 73491, "ts": "2026-09-25T07:22:16Z", "hours": 0.3428, "text": "Working On The Backend (And Learning How To Do HTML)"}]...
|
Title: Flappy Stardance by @tomdeax2 | Stardance
Title: Flappy Stardance by @tomdeax2 | Stardance
Devlogs:
Working On The Backend (And Learning How To Do HTML)...
|
1793090876.524566
|
1793695676.524566
|
|
64621
|
WarioWare Game by @tomcars | Stardance
|
tomcars
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: WarioWare Game by @tomcars | Stardance
|
1793065821.7668188
|
1793670621.7668188
|
|
34684
|
Desktop screen by @tombikadam2009 | Stardance
|
tombikadam2009
|
0
|
5.33
|
0
|
[]
|
[{"post_id": 34188, "ts": "202 [{"post_id": 34188, "ts": "2026-07-24T18:25:28Z", "hours": 2.9708, "text": "Desktop Buddy’s case and pcb is done!"}, {"post_id": 30429, "ts": "2026-07-17T23:24:02Z", "hours": 2.3603, "text": "desktop buddy’s pcb is almost done! this my first pcb. if i did something wrong pls tell me"}]...
|
Title: Desktop screen by @tombikadam2009 | Stardan Title: Desktop screen by @tombikadam2009 | Stardance
Devlogs:
desktop buddy’s pcb is almost done! this my first pcb. if i did something wrong pls tell me
Desktop Buddy’s case and pcb is done!...
|
1793379318.2952313
|
1793984118.2952313
|
|
34719
|
My very own WebOS by @tombikadam2009 | Stardance
|
tombikadam2009
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @tombikadam2009 | Star Title: My very own WebOS by @tombikadam2009 | Stardance...
|
1793397292.502387
|
1794002092.502387
|
|
35637
|
My first slack bot! by @tombikadam2009 | Stardance
|
tombikadam2009
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @tombikadam2009 | St Title: My first slack bot! by @tombikadam2009 | Stardance...
|
1793389957.1456275
|
1793994757.1456275
|
|
44746
|
cipher encoder by @tombikadam2009 | Stardance
|
tombikadam2009
|
0
|
7.26
|
0
|
[]
|
[{"post_id": 46057, "ts": "202 [{"post_id": 46057, "ts": "2026-08-13T00:11:15Z", "hours": 2.5044, "text": "Instead of adding a new encryption method today, I optimized the code’s operating logic to improve it."}, {"post_id": 45472, "ts": "2026-08-11T23:33:27Z", "hours": 1.8086, "text": "cipher encoder version 0.4 added: -base64 -base16"}, {"post_id": 44299, "ts": "2026-08-09T23:23:33Z", "hours": 2.9503, "text": "cipher encoder v0.2 -binary -morse"}]...
|
Title: cipher encoder by @tombikadam2009 | Stardan Title: cipher encoder by @tombikadam2009 | Stardance
Devlogs:
cipher encoder v0.2 -binary -morse
cipher encoder version 0.4 added: -base64 -base16
Instead of adding a new encryption method today, I optimized the code’s operating logic to improve it....
|
1793292665.6788983
|
1793897465.6788983
|
|
67063
|
A sentry phone turret by @tomasz_szczepanczyk | St A sentry phone turret by @tomasz_szczepanczyk | Stardance...
|
tomasz_szczepanczyk
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: A sentry phone turret by @tomasz_szczepancz Title: A sentry phone turret by @tomasz_szczepanczyk | Stardance...
|
1793105616.4392254
|
1793710416.4392254
|
|
32078
|
AI pen by @tomasvanek1 | Stardance
|
tomasvanek1
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: AI pen by @tomasvanek1 | Stardance
|
1792806740.26369
|
1793411540.26369
|
|
31712
|
My awesome macropad! by @tomasgambirassi | Stardan My awesome macropad! by @tomasgambirassi | Stardance...
|
tomasgambirassi
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @tomasgambirassi | Title: My awesome macropad! by @tomasgambirassi | Stardance...
|
1793184858.3632536
|
1793789658.3632536
|
|
34499
|
coin collection sytem by @tomas_watson12 | Stardan coin collection sytem by @tomas_watson12 | Stardance...
|
tomas_watson12
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: coin collection sytem by @tomas_watson12 | Title: coin collection sytem by @tomas_watson12 | Stardance...
|
1793400836.1590412
|
1794005636.1590412
|
|
35647
|
platformer v 2.0 by @tomas_watson12 | Stardance
|
tomas_watson12
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: platformer v 2.0 by @tomas_watson12 | Stard Title: platformer v 2.0 by @tomas_watson12 | Stardance...
|
1793354060.2572489
|
1793958860.2572489
|
|
66818
|
My awesome macropad! by @tomas_chodacki | Stardanc My awesome macropad! by @tomas_chodacki | Stardance...
|
tomas_chodacki
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @tomas_chodacki | S Title: My awesome macropad! by @tomas_chodacki | Stardance...
|
1793102030.4462643
|
1793706830.4462643
|
|
31692
|
Meshtastic weather station by @tomas_banana | Star Meshtastic weather station by @tomas_banana | Stardance...
|
tomas_banana
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Meshtastic weather station by @tomas_banana Title: Meshtastic weather station by @tomas_banana | Stardance...
|
1793296287.5747871
|
1793901087.5747871
|
|
62290
|
My awesome macropad! by @tomakaljevic86 | Stardanc My awesome macropad! by @tomakaljevic86 | Stardance...
|
tomakaljevic86
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @tomakaljevic86 | S Title: My awesome macropad! by @tomakaljevic86 | Stardance...
|
1793044325.4684014
|
1793649125.4684014
|
|
24600
|
test by @tomaaaaak | Stardance
|
tomaaaaak
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: test by @tomaaaaak | Stardance
|
1793469288.9040341
|
1794074088.9040341
|
|
23075
|
My awesome macropad! by @tom_straka01 | Stardance
|
tom_straka01
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @tom_straka01 | Sta Title: My awesome macropad! by @tom_straka01 | Stardance...
|
1793551868.1509917
|
1794156668.1509917
|
|
23077
|
MP3 Player by @tom_straka01 | Stardance
|
tom_straka01
|
0
|
18.3
|
0
|
[]
|
[{"post_id": 27611, "ts": "202 [{"post_id": 27611, "ts": "2026-07-13T10:55:59Z", "hours": 4.5342, "text": "Devlog #8 Finishing The project. What have i done? Created a BOM. Created a readme.md and made it look good and fit the criteria for submission. Compiled all the code libraries into precompiled binaries. Created gerbers. Rendered good images for the project in fusion 360. Added good colors to the design. Separated the 3D design printable components into individual printable files. Created visual explaining of circuit images. Made the first release on github, with all the things you need to make the projects yourself. Fixed errors. Other things. Problems i had: Forgot to add PCB to BOM. Forgot to add Gerbers to BOM. Recorded timelapses, but then i accidentally closed the recording tab or my computer shutdown, so i lost the time. I think that my project is done, i will submit it to the outpost and build it when i get funding."}, {"post_id": 26739, "ts": "2026-07-11T18:20:20Z", "hours": 3.1614, "text": "Devlog #7 Adding holes and mounting holes, battery, pcb changes and adding a hatch and expanding the case Making holes for micro sd card and micro usb connector: I have created holes for the micro sd card and micro usb cable. The micro usb cable is there for when i need to flash code, but dont want to unsolder everything and for when not using battery to test it. I will mount the micro sd card module with two screws to the case. Battery: I always had battery planned in my circuit, but for now i didnt know how big or wich capacity. I chose li-pol. because they fit my size requirements and are small, effiecent. I tried many different sizes and capacities, until i found the one that barely fits in the design (450mah). It should be able to runthe mp3 player for few hours, so that is okay. PCB changes: moved some things to the opposite layers moved some things somewhere else, so that it fits in the case changed the classic dupont pint for the micro sd card, for a smd spi connector cable, because that is what the micro sd card reader also uses so it uses less space Case design change: I had a green pcb still visible with pins and condensators, wich doesnt look good, and can be dangerous. So i covered that part with a hatch and left only the buttons visible. Things left: create bom polish the design and the pcb check the code for errors find the components online submit my project"}, {"post_id": 25239, "ts": "2026-07-09T11:30:06Z", "hours": 3.6256, "text": "Devlog #6 3D design and PCB What have i done? I have started designing the case for the player in fusion 360. I also downloaded all the modules i need and put then in the assembly. I exported the pcb and created holes in the case, to fit the components in. I created hole for the 3.5mm headphones jack. I changed the pcb layout: moved the pico 2 mcu to the back layer, moved many things back. Problems I thought i needed an external amplifier for the headphones, and i changed the design of the case for the amplifier. But then i read somewhere that the pcm module can drive headphones like earphones okay, so i put it back to the original settings. I had a micro sd card module that fit in my assembly and i had model for, but then i realized that it is 5v module, so i decided that i change it for 3.3v one, wich is smaller. After some time trying to find the correct model i found one. Things i need to do: Secure the micro sd card to the case Add a hole for the micro sd card, so you can plug it in Add a hole for the micro usb cable"}, {"post_id": 21373, "ts": "2026-07-03T08:35:18Z", "hours": 3.4431, "text": "Devlog #5 PCB What have i done? i have fixed some issues with the code added adc voltage divider calculation functio to use my pcb voltage dividers to show me battery voltage. added button to the schematic routed the pcb The floating pin problem: I have made the buttons like i had them in the last few projects, but something didnt seem right, so i googled it and found out i had incorrectly designed the buttons. I had a gnd pin connected through button to the input button pin, but correctly you need to add some positive power through a resistor (10 kiloohms). This problem is called the floating pin problem, if i would have left it that way it would not work correctly and there would be noise and other issues. Routing the pcb: I had started routing the pcb. I connected all the things i needed. But i took sime time with the layout of it, like if buttons are down, where is display, and i think i figured it out. I also added the buttons in like a star pattern so they are good to touch. And the battery will be next to the buttons, and most of the sound modules will be down beneath the board. I plan to have 3D printed casing so i added M3 holes to the pcb so i can screw the pcb in later. Recording problem: One day i was normally recording but after 40 minutes, i realized that it was not recording and showed errors like reconnecting. I have asked support but nobody replied to me and i tried fixing it myself but it didnt work. I dont know why. On my windows it doesnt work (not even on the desktop application version), but on my ubuntu dual boot it works, but that is problem because i need to use fusion 360 wich is only for windows What i need to do: start designing the 3D model download all the additional electronics modules 3D models and make sure they fit in the casing check for errors add additional features? find the components online"}, {"post_id": 19102, "ts": "2026-06-30T10:15:01Z", "hours": 1.2103, "text": "Devlog #4 I have coded a lot of new features for the mp3 player and fixed isssues. Playing issue: i realized that when playing the audio it doesnt check the buttons so you would not be able to pause it or interact with the player. I fixed it that in loop, it feeds into the sound generator chip only part of the song, then checks for the buttons and repeats. What does it do now? -it has 5 buttons for volume control, pausing/playing and playing next or previous track. -i added an oled display code, so now you can see info about the song, volume etc. -all the previous features it had. What do i need to add? i need to create and design the 3D printed case completly from scratch. I also need to route the pcb."}, {"post_id": 15206, "ts": "2026-06-24T18:31:48Z", "hours": 1.2786, "text": "Devlog #3 I have started writing first code and designing functionality of the mp3 player. How should it function? I want the mp3 player to work like this: it reads the files in format of wav or mp3 from the micro sd card. it shows you the info about those songs and you can choose wich one to play. you play the songs, control volume and skip to other. For the controling of the settings i think i will be using 5 buttons: two for volume. two for going forward or backwards through your playlist. one for pausing and playing the songs. What did i do today? i have connected the modules on the pcb to the correct pins on the pico mcu. i have started writing the code and added features like: -scanning the names and loading the songs from the micro sd card -outputing the song from mp3 or wav format to the sound generating chip -checking the buttons using debounce and digital read What do i want to add? firmware to control the oled display, maybe some menu. the entire design of the case (i havent started working on it yet). finishing the pcb schematic and routing it. some other parts like improving the code and features i dont know right now but will add in the future."}, {"post_id": 13150, "ts": "2026-06-21T14:55:49Z", "hours": 0.6836, "text": "Today i added a battery protection circuit, adc voltage dividers and connected most components together. I also searched pico pins diagram on how to connect the pins and i had to change the micro sd card module to a 3.3v one."}, {"post_id": 12751, "ts": "2026-06-20T20:59:40Z", "hours": 0.3672, "text": "I want to make like a portable mp3 player, where you can upload your songs to a micro sd card, and then play them throgh the sound generator to a 3.5mm headphone jack you can listen to. I found the cheao micro sd card reader module to use. I put the pins to it in the kicad schematic, added the main mcu (pico 2 or 1, wich i already have from another project) and added things like oled display ports and simple battery connector, wich i will expand later. I want it to be on lipo battery."}]...
|
Title: MP3 Player by @tom_straka01 | Stardance
De Title: MP3 Player by @tom_straka01 | Stardance
Devlogs:
I want to make like a portable mp3 player, where you can upload your songs to a micro sd card, and then play them throgh the sound generator to a 3.5mm headphone jack you can listen to. I found the cheao micro sd card reader module to use. I put the pins to it in the kicad schematic, added the main mcu (pico 2 or 1, wich i already have from another project) and added things like oled display ports and simple battery connector, wich i will expand later. I want it to be on lipo battery.
Today i added a battery protection circuit, adc voltage dividers and connected most components together. I also searched pico pins diagram on how to connect the pins and i had to change the micro sd card module to a 3.3v one.
Devlog #3 I have started writing first code and designing functionality of the mp3 player. How should it function? I want the mp3 player to work like this: it reads the files in format of wav or mp3 from the micro sd card. it shows you the info about those songs and you can choose wich one to play. you play the songs, control volume and skip to other. For the controling of the settings i think i will be using 5 buttons: two for volume. two for going forward or backwards through your playlist. one for pausing and playing the songs. What did i do today? i have connected the modules on the pcb to the correct pins on the pico mcu. i have started writing the code and added features like: -scanning the names and loading the songs from the micro sd card -outputing the song from mp3 or wav format to the sound generating chip -checking the buttons using debounce and digital read What do i want to add? firmware to control the oled display, maybe some menu. the entire design of the case (i havent started working on it yet). finishing the pcb schematic and routing it. some other parts like improving the code and features i dont know right now but will add in the future.
Devlog #4 I have coded a lot of new features for the mp3 player and fixed isssues. Playing issue: i realized that when playing the audio it doesnt check the buttons so you would not be able to pause it or interact with the player. I fixed it that in loop, it feeds into the sound generator chip only part of the song, then checks for the buttons and repeats. What does it do now? -it has 5 buttons for volume control, pausing/playing and playing next or previous track. -i added an oled display code, so now you can see info about the song, volume etc. -all the previous features it had. What do i need to add? i need to create and design the 3D printed case completly from scratch. I also need to route the pcb.
Devlog #5 PCB What have i done? i have fixed some issues with the code added adc voltage divider calculation functio to use my pcb voltage dividers to show me battery voltage. added button to the schematic routed the pcb The floating pin problem: I have made the buttons like i had them in the last few projects, but something didnt seem right, so i googled it and found out i had incorrectly designed the buttons. I had a gnd pin connected through button to the input button pin, but correctly you need to add some positive power through a resistor (10 kiloohms). This problem is called the floating pin problem, if i would have left it that way it would not work correctly and there would be noise and other issues. Routing the pcb: I had started routing the pcb. I connected all the things i needed. But i took sime time with the layout of it, like if buttons are down, where is display, and i think i figured it out. I also added the buttons in like a star pattern so they are good to touch. And the battery will be next to the buttons, and most of the sound modules will be down beneath the board. I plan to have 3D printed casing so i added M3 holes to the pcb so i can screw the pcb in later. Recording problem: One day i was normally recording but after 40 minutes, i realized that it was not recording and showed errors like reconnecting. I have asked support but nobody replied to me and i tried fixing it myself but it didnt work. I dont know why. On my windows it doesnt work (not even on the desktop application version), but on my ubuntu dual boot it works, but that is problem because i need to use fusion 360 wich is only for windows What i need to do: start designing the 3D model download all the additional electronics modules 3D models and make sure they fit in the casing check for errors add additional features? find the components online
Devlog #6 3D design and PCB What have i done? I have started designing the case for the player in fusion 360. I also downloaded all the modules i need and put then in the assembly. I exported the pcb and created holes in the case, to fit the components in. I created hole for the 3.5mm headphones jack. I changed the pcb layout: moved the pico 2 mcu to the back layer, moved many things back. Problems I thought i needed an external amplifier for the headphones, and i changed the design of the case for the amplifier. But then i read somewhere that the pcm module can drive headphones like earphones okay, so i put it back to the original settings. I had a micro sd card module that fit in my assembly and i had model for, but then i realized that it is 5v module, so i decided that i change it for 3.3v one, wich is smaller. After some time trying to find the correct model i found one. Things i need to do: Secure the micro sd card to the case Add a hole for the micro sd card, so you can plug it in Add a hole for the micro usb cable
Devlog #7 Adding holes and mounting holes, battery, pcb changes and adding a hatch and expanding the case Making holes for micro sd card and micro usb connector: I have created holes for the micro sd card and micro usb cable. The micro usb cable is there for when i need to flash code, but dont want to unsolder everything and for when not using battery to test it. I will mount the micro sd card module with two screws to the case. Battery: I always had battery planned in my circuit, but for now i didnt know how big or wich capacity. I chose li-pol. because they fit my size requirements and are small, effiecent. I tried many different sizes and capacities, until i found the one that barely fits in the design (450mah). It should be able to runthe mp3 player for few hours, so that is okay. PCB changes: moved some things to the opposite layers moved some things somewhere else, so that it fits in the case changed the classic dupont pint for the micro sd card, for a smd spi connector cable, because that is what the micro sd card reader also uses so it uses less space Case design change: I had a green pcb still visible with pins and condensators, wich doesnt look good, and can be dangerous. So i covered that part with a hatch and left only the buttons visible. Things left: create bom polish the design and the pcb check the code for errors find the components online submit my project
Devlog #8 Finishing The project. What have i done? Created a BOM. Created a readme.md and made it look good and fit the criteria for submission. Compiled all the code libraries into precompiled binaries. Created gerbers. Rendered good images for the project in fusion 360. Added good colors to the design. Separated the 3D design printable components into individual printable files. Created visual explaining of circuit images. Made the first release on github, with all the things you need to make the projects yourself. Fixed errors. Other things. Problems i had: Forgot to add PCB to BOM. Forgot to add Gerbers to BOM. Recorded timelapses, but then i accidentally closed the recording tab or my computer shutdown, so i lost the time. I think that my project is done, i will submit it to the outpost and build it when i get funding....
|
1793195239.986941
|
1793800039.986941
|
|
43054
|
LoraPager by @tom_straka01 | Stardance
|
tom_straka01
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: LoraPager by @tom_straka01 | Stardance
|
1793202456.403403
|
1793807256.403403
|
|
3762
|
Coinbound by @tom_pineapple | Stardance
|
tom_pineapple
|
0
|
5.02
|
0
|
[]
|
[{"post_id": 22570, "ts": "202 [{"post_id": 22570, "ts": "2026-07-05T02:51:02Z", "hours": 1.6889, "text": "I fully finished the map! (My computer won’t let me take pictures of my projects so I just attached a picture of Miku)."}, {"post_id": 691, "ts": "2026-06-02T08:00:40Z", "hours": 0.8553, "text": "I have compeleted the demo version of my map! I love the gameboy artstyle I managed to incorporate into it."}, {"post_id": 659, "ts": "2026-06-02T06:01:03Z", "hours": 1.7267, "text": "Halfway done with my map for my gameboy inspired collectathon."}, {"post_id": 580, "ts": "2026-06-02T02:25:33Z", "hours": 0.7469, "text": "I found a free tileset I plan to use for the map of my game."}]...
|
Title: Coinbound by @tom_pineapple | Stardance
De Title: Coinbound by @tom_pineapple | Stardance
Devlogs:
I found a free tileset I plan to use for the map of my game.
Halfway done with my map for my gameboy inspired collectathon.
I have compeleted the demo version of my map! I love the gameboy artstyle I managed to incorporate into it.
I fully finished the map! (My computer won’t let me take pictures of my projects so I just attached a picture of Miku)....
|
1793242181.9803302
|
1793846981.9803302
|
|
34092
|
Silo by @tom | Stardance
|
tom
|
0
|
26.03
|
0
|
[]
|
[{"post_id": 66103, "ts": "202 [{"post_id": 66103, "ts": "2026-09-11T18:07:25Z", "hours": 26.0261, "text": "Didnt ship this to stardance"}]...
|
Title: Silo by @tom | Stardance
Devlogs:
Didnt sh Title: Silo by @tom | Stardance
Devlogs:
Didnt ship this to stardance...
|
1793541246.5122678
|
1794146046.5122678
|
|
69512
|
EduPulse by @toluoyelola | Stardance
|
toluoyelola
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: EduPulse by @toluoyelola | Stardance
|
1792857068.0688515
|
1793461868.0688515
|
|
20180
|
Frictionless by @tolibislom5 | Stardance
|
tolibislom5
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Frictionless by @tolibislom5 | Stardance
|
1793188337.6000278
|
1793793137.6000278
|
|
24575
|
AegisBot, Rescue robot by @tokka252 | Stardance
|
tokka252
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: AegisBot, Rescue robot by @tokka252 | Stard Title: AegisBot, Rescue robot by @tokka252 | Stardance...
|
1793407748.05936
|
1794012548.05936
|
|
65193
|
My own site! by @tokitoshoto7 | Stardance
|
tokitoshoto7
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @tokitoshoto7 | Stardance
|
1793084069.8237052
|
1793688869.8237052
|
|
22465
|
f by @tokaa | Stardance
|
tokaa
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: f by @tokaa | Stardance
|
1793242071.8470962
|
1793846871.8470962
|
|
22490
|
trackpaddy by @tokaa | Stardance
|
tokaa
|
0
|
13.86
|
0
|
[]
|
[{"post_id": 12850, "ts": "202 [{"post_id": 12850, "ts": "2026-06-21T01:29:21Z", "hours": 13.8594, "text": "After seeing Mac-trackpad-mapper , I was surprised at how well it worked. However, the code was some 2 years old and much more of a test than an actual app like I hoped. So I decided to fork the driver and turn it into what I hope to be a fully usable Macbook trackpad driver (kind of like how OpenTabletDriver works so flawlessly). Currently it supports absolute (makes osu! actually playable on trackpad) and relative positioning with zero acceleration with customizable area and sensitivity respectively. As it turns out, disabling trackpad acceleration in the Apple settings does not actually disable it fully. It’s barebones currently but I hope to add much more and get a first release. repo"}]...
|
Title: trackpaddy by @tokaa | Stardance
Devlogs:
Title: trackpaddy by @tokaa | Stardance
Devlogs:
After seeing Mac-trackpad-mapper , I was surprised at how well it worked. However, the code was some 2 years old and much more of a test than an actual app like I hoped. So I decided to fork the driver and turn it into what I hope to be a fully usable Macbook trackpad driver (kind of like how OpenTabletDriver works so flawlessly). Currently it supports absolute (makes osu! actually playable on trackpad) and relative positioning with zero acceleration with customizable area and sensitivity respectively. As it turns out, disabling trackpad acceleration in the Apple settings does not actually disable it fully. It’s barebones currently but I hope to add much more and get a first release. repo...
|
1793202855.3283317
|
1793807655.3283317
|
|
7133
|
Timer'O by @toivoa070 | Stardance
|
toivoa070
|
1
|
1.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-06-18T03:31:05Z", "hours": 1.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "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.", "repo": "https://github.com/Nottoishenshu/Timer-o", "demo": "https://nottoishenshu.github.io/Timer-o/"}]...
|
[{"post_id": 10580, "ts": "202 [{"post_id": 10580, "ts": "2026-06-17T11:57:01Z", "hours": 1.1642, "text": "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."}]...
|
Title: Timer'O by @toivoa070 | Stardance
Devl Title: Timer'O by @toivoa070 | Stardance
Devlogs:
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.
Ships:
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....
|
1793545029.2428877
|
1793631429.2428877
|
|
7216
|
My first slack bot! by @toivoa070 | Stardance
|
toivoa070
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @toivoa070 | Stardan Title: My first slack bot! by @toivoa070 | Stardance...
|
1793494151.8425515
|
1794098951.8425515
|
|
20752
|
MarkPreStarX by @toivoa070 | Stardance
|
toivoa070
|
1
|
3.0
|
0
|
[{"ship_num": 1, "ts": "2026-0 [{"ship_num": 1, "ts": "2026-06-24T06:43:36Z", "hours": 3.0, "multiplier": null, "payout": 0, "blessing": "neutral", "text": "The Real-Time Markdown Previewer is a web application that allows users to write Markdown and instantly view the rendered HTML output in a live preview pane and everything was confusing and I know how it works and all but I still need to update this project furthur and want some recommendations.", "repo": "https://github.com/Nottoishenshu/MarkPreStarX", "demo": "https://nottoishenshu.github.io/MarkPreStarX/"}]...
|
[{"post_id": 13154, "ts": "202 [{"post_id": 13154, "ts": "2026-06-21T15:02:12Z", "hours": 0.6214, "text": "Styling the Application with CSS; After building the core functionality, I created the CSS stylesheet to improve the user experience and visual appearance of the application. The stylesheet is responsible for the overall layout, typography, spacing, colors, and responsiveness of the Markdown Previewer. I used CSS to create a clean split-screen interface between the editor and preview pane, making it easy for users to write and view Markdown simultaneously. Additional styling was added for buttons, code blocks, blockquotes, lists, and other rendered Markdown elements to ensure the preview closely resembles how Markdown is typically displayed on modern platforms. The stylesheet also helps maintain consistency throughout the application while keeping the interface simple, readable, and user-friendly. Once the functionality was working, I focused on styling the application to make it more visually appealing and easier to use. Using CSS, I designed the layout, styled the editor and preview sections, and improved the appearance of rendered Markdown elements such as headings, lists, code blocks, and blockquotes. This step helped transform the project from a functional prototype into a more polished application that provides a better user experience."}, {"post_id": 12540, "ts": "2026-06-20T14:14:51Z", "hours": 1.3925, "text": "app.js Overview The file serves as the main controller for the Markdown Previewer application. It manages user interactions, updates the live preview, handles toolbar actions, saves data to Local Storage, synchronizes scrolling, exports content, and applies syntax highlighting. This file connects the user interface with the Markdown parser, ensuring that changes made in the editor are instantly reflected in the preview panel. What I Added: Live Markdown rendering with real-time updates, Debounced rendering to improve performance while typing Scroll synchronization between editor and preview panels Local, Storage support for automatic save and restore Toolbar buttons for common Markdown formatting Copy HTML functionality using the Clipboard API Markdown file download functionality Clear editor and storage reset feature, Basic syntax highlighting for code blocks, Error handling for rendering and storage operations, Application initialization and startup logic. What I Learned: While building app.js, I gained practical experience with modern JavaScript and browser APIs. I learned how to manipulate the DOM, listen for user events, and update page content dynamically. I also explored Local Storage for data persistence, the Clipboard API for copying content, and the Blob API for generating downloadable files. Additionally, I learned performance optimization techniques such as debouncing, implemented scroll synchronization, worked with regular expressions for syntax highlighting, and improved application reliability through error handling and modular JavaScript design. Key Concepts Practiced DOM Manipulation, Event HandlingES6 Modules, Arrow Functions, Local Storage API, Clipboard APIBlob APIError Handling (try/catch)Debouncing, Regular Expressions, Syntax Highlighting, Scroll Synchronization, Dynamic Rendering, Modular JavaScript Architecture User Interface."}, {"post_id": 11255, "ts": "2026-06-18T12:31:15Z", "hours": 0.5042, "text": "Building this Markdown Previewer was a fun and challenging experience. At the beginning, I thought the project would simply involve converting Markdown text into HTML and displaying it on the screen. However, as I started working on the parser and rendering logic, I realized there were many details to consider, from handling different Markdown formats to making sure the output was safe and properly rendered. Throughout the project, I faced several challenges that helped me grow as a developer. Debugging became a major part of the process because even small mistakes in regular expressions or syntax could break the entire parser. I also learned that the order of processing Markdown elements matters, since links, images, bold text, and code blocks can sometimes overlap. Challenges I Faced Understanding and writing regular expressions for different Markdown patterns. Debugging syntax errors and unexpected parser behavior. Handling multiple Markdown elements without conflicts. Learning how to safely render user-generated content. Implementing local storage so user content persists after refreshing the page. Synchronizing the editor and preview pane scrolling. Testing different edge cases to ensure the parser worked correctly. What I Learned, Through this project, I gained a much deeper understanding of frontend development and how text-processing applications work. Some of the key things I learned include; How Markdown is converted into HTML. Using Regular Expressions (Regex) to identify and process text patterns. DOM manipulation with JavaScript. Working with browser APIs such as Local Storage and Clipboard. Creating reusable and organized code using modules. Basic web security concepts such as input sanitization and XSS prevention. Debugging techniques and using browser developer tools effectively. The importance of testing and handling edge cases. Reflection One of the biggest takeaways from this project was realizing that software development is often about problem-solving rather than simply writing code. Many features required multiple attempts before they worked correctly, and each bug taught me something new. While there were moments of frustration, solving those problems was also the most rewarding part of the experience. Overall, this project is helping me improve my JavaScript skills, gain confidence in building applications from scratch, and better understand how real-world web applications process and display user input."}, {"post_id": 10562, "ts": "2026-06-17T11:12:18Z", "hours": 0.4519, "text": "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."}]...
|
Title: MarkPreStarX by @toivoa070 | Stardance
Dev Title: MarkPreStarX by @toivoa070 | Stardance
Devlogs:
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.
Building this Markdown Previewer was a fun and challenging experience. At the beginning, I thought the project would simply involve converting Markdown text into HTML and displaying it on the screen. However, as I started working on the parser and rendering logic, I realized there were many details to consider, from handling different Markdown formats to making sure the output was safe and properly rendered. Throughout the project, I faced several challenges that helped me grow as a developer. Debugging became a major part of the process because even small mistakes in regular expressions or syntax could break the entire parser. I also learned that the order of processing Markdown elements matters, since links, images, bold text, and code blocks can sometimes overlap. Challenges I Faced Understanding and writing regular expressions for different Markdown patterns. Debugging syntax errors and unexpected parser behavior. Handling multiple Markdown elements without conflicts. Learning how to safely render user-generated content. Implementing local storage so user content persists after refreshing the page. Synchronizing the editor and preview pane scrolling. Testing different edge cases to ensure the parser worked correctly. What I Learned, Through this project, I gained a much deeper understanding of frontend development and how text-processing applications work. Some of the key things I learned include; How Markdown is converted into HTML. Using Regular Expressions (Regex) to identify and process text patterns. DOM manipulation with JavaScript. Working with browser APIs such as Local Storage and Clipboard. Creating reusable and organized code using modules. Basic web security concepts such as input sanitization and XSS prevention. Debugging techniques and using browser developer tools effectively. The importance of testing and handling edge cases. Reflection One of the biggest takeaways from this project was realizing that software development is often about problem-solving rather than simply writing code. Many features required multiple attempts before they worked correctly, and each bug taught me something new. While there were moments of frustration, solving those problems was also the most rewarding part of the experience. Overall, this project is helping me improve my JavaScript skills, gain confidence in building applications from scratch, and better understand how real-world web applications process and display user input.
app.js Overview The file serves as the main controller for the Markdown Previewer application. It manages user interactions, updates the live preview, handles toolbar actions, saves data to Local Storage, synchronizes scrolling, exports content, and applies syntax highlighting. This file connects the user interface with the Markdown parser, ensuring that changes made in the editor are instantly reflected in the preview panel. What I Added: Live Markdown rendering with real-time updates, Debounced rendering to improve performance while typing Scroll synchronization between editor and preview panels Local, Storage support for automatic save and restore Toolbar buttons for common Markdown formatting Copy HTML functionality using the Clipboard API Markdown file download functionality Clear editor and storage reset feature, Basic syntax highlighting for code blocks, Error handling for rendering and storage operations, Application initialization and startup logic. What I Learned: While building app.js, I gained practical experience with modern JavaScript and browser APIs. I learned how to manipulate the DOM, listen for user events, and update page content dynamically. I also explored Local Storage for data persistence, the Clipboard API for copying content, and the Blob API for generating downloadable files. Additionally, I learned performance optimization techniques such as debouncing, implemented scroll synchronization, worked with regular expressions for syntax highlighting, and improved application reliability through error handling and modular JavaScript design. Key Concepts Practiced DOM Manipulation, Event HandlingES6 Modules, Arrow Functions, Local Storage API, Clipboard APIBlob APIError Handling (try/catch)Debouncing, Regular Expressions, Syntax Highlighting, Scroll Synchronization, Dynamic Rendering, Modular JavaScript Architecture User Interface.
Styling the Application with CSS; After building the core functionality, I created the CSS stylesheet to improve the user experience and visual appearance of the application. The stylesheet is responsible for the overall layout, typography, spacing, colors, and responsiveness of the Markdown Previewer. I used CSS to create a clean split-screen interface between the editor and preview pane, making it easy for users to write and view Markdown simultaneously. Additional styling was added for buttons, code blocks, blockquotes, lists, and other rendered Markdown elements to ensure the preview closely resembles how Markdown is typically displayed on modern platforms. The stylesheet also helps maintain consistency throughout the application while keeping the interface simple, readable, and user-friendly. Once the functionality was working, I focused on styling the application to make it more visually appealing and easier to use. Using CSS, I designed the layout, styled the editor and preview sections, and improved the appearance of rendered Markdown elements such as headings, lists, code blocks, and blockquotes. This step helped transform the project from a functional prototype into a more polished application that provides a better user experience.
Ships:
The Real-Time Markdown Previewer is a web application that allows users to write Markdown and instantly view the rendered HTML output in a live preview pane and everything was confusing and I know how it works and all but I still need to update this project furthur and want some recommendations....
|
1793509047.8073869
|
1793595447.8073869
|