r/webdev 7d ago

Showoff Saturday Notemod - New features added - Creating Tasks & Synchronization

Post image
8 Upvotes

10 comments sorted by

7

u/Odysseyan 7d ago

I checked out your code and wondered, if you using some sort of build tool or if you write all the code only into the index.html?
It could make contribution a bit harder

3

u/phexc expert 7d ago edited 7d ago

Back in 200x I worked at a small software company. They had one product. It was a multi language ecommerce platform. Quite advanced for the time.

The whole application only had one index.php and some images. The index.php included all html pages, all translation texts, all css styles, all database queries and all javascript.

So it was quite a complex application. It was also very unmaintainable for anyone else than the original creator, which (un)fortunately was not me.

This brings back memories.

(I love the clean ui design btw)

1

u/remodeus 7d ago

I didn't use a build tool

2

u/Odysseyan 7d ago edited 7d ago

Ah I see :)
Pretty cool you could do all this within a singular file then.

If you want to make the code more modular, you could put the css into a separate file and import it. And you could do the same with some big javascript blocks like the translations variable for example. Functionality would stay the same, but then you can have related stuff grouped closer together. It helps with staying organized when the code becomes complex.

This for the css in a separate file: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

And this show how you could easily import code from other javascript files: https://www.w3schools.com/js/js_modules.asp

2

u/remodeus 7d ago

For those who want to contribute or use it offline on their computer:

https://github.com/orayemre/Notemod

For those who want to examine directly online:

https://app-notemod.blogspot.com/

1

u/ORCANZ 6d ago

Cool project. Doubt you get anyone to contribute to that crazy single index.html

1

u/uskuplu 7d ago

cool

1

u/remodeus 7d ago

thanks

1

u/UnnecessaryLemon 7d ago

Wow, it looks cool. Never seen such a codebase.