teknologi-umum/decimal-clock

1 day = 10 decimal hours, 1 decimal hour = 100 decimal minutes, 1 decimal minute = 100 decimal seconds

decimal-clock's Issues

Implement nanojsx

Reference: https://nanojsx.io/

Implement kotlin-react

Reference: https://play.kotlinlang.org/hands-on/Building%20Web%20Applications%20with%20React%20and%20Kotlin%20JS/01_Introduction

• Please follow the guide
• Code should be written in kotlin + react
• No js and jsx code allowed

Implement vanilla-svg

• You should use only vanilla javascript
• Only SVG tags are allowed in rendering

Implement jquery

Note: while jQuery is not a bleeding edge technology, A submission written in jQuery is perfect for serving as a baseline frontend framework.

• All rendering and logics should be written in jQuery API
• Do not write anything else other than jQuery API calls
• Do not use any other 3rd party libraries

Implement halogen

https://github.com/purescript-halogen/purescript-halogen

Implement webgl

• You should only use vanilla javascript
• No 3rd party webgl framework

Implement elm

Reference: https://elm-lang.org/

• All clock elements must be rendered in elm
• No javascript is allowed

Implement vanilla

Implement platform-uno

Reference: https://platform.uno/

• All rendered elements must be written in XAML
• No javascript is allowed. All logics must be written in C#

Implement qwik

https://qwik.builder.io

prepare for hacktoberfest

• create CONTRIBUTING.md
• create pull request template -- optional: PR without open an issue first would be rejected
• put hacktoberfest tag
• put a few hacktoberfest guides on readme such as:
  • https://twitter.com/sudo_navendu/status/1437456596473303042
  • https://www.digitalocean.com/community/tutorials/hacktoberfest-contributor-s-guide-how-to-find-and-contribute-to-open-source-projects

cc @ronnygunawan

Implement react-hooks

• All components should be written as functional components
• Do not write any javascript class
• Do not use redux or any other 3rd party libraries

Implement rust-wasm

Reference: https://wasmbyexample.dev/examples/hello-world/hello-world.rust.en-us.html

• DOM should only be updated from wasm
• Write your code in rust

Implement react-redux

• Use react with hooks
• Use useSelector hooks for accessing redux state

Implement react-svg

• Use react framework
• Only SVG tags are allowed in JSX

Implement alpine

https://alpinejs.dev/

prob would be similar with petite-vue, but bcs I've never try this one, I'd have on it

Implement malinajs

https://github.com/malinajs/malinajs

implement rxjs

Reference: https://rxjs.dev/

• DOM updates should only happen in an RX subscription
• Do not use any other frontend libraries

Implement web-components

• You should only use vanilla javascript. No 3rd party library is allowed
• All rendering should be done in web component classes

Implement emscripten-canvas

reference: https://emscripten.org/

• All rendering should be done in a canvas
• All rendering should be written in C++

Implement blazor-wasm

• No javascript is allowed

Implementation browser

Replace root index.html with implementation browser. The UI consists of 3 columns:

1. Implementation selector
2. Source code panel
3. iframe panel

Implement canvas

• You should use vanilla javascript. No 3rd party library is allowed
• All rendering should be done in a canvas

Implement lit

https://lit.dev/

Implement scarletsframe

https://github.com/ScarletsFiction/ScarletsFrame

Bug: react-hooks/cra-implementation/build searches /static folder for js and css files

What can we do:

• Add base href?
• Specify homepage in package.json? Reference: https://create-react-app.dev/docs/deployment/#building-for-relative-paths

This issue can be closed when this page shows a working clock: https://teknologi-umum.github.io/decimal-clock/react-hooks/cra-implementation/build/

Implement hyperapp

https://github.com/jorgebucaran/hyperapp

Implement reagent

https://github.com/reagent-project/reagent

Implement preact

Reference: https://preactjs.com/

Implement react-class-components

• All components should be written as javascript classes
• No functional component is allowed
• No hook is allowed
• Do not use redux or any other 3rd party libraries

Implement vue

Reference: https://v3.vuejs.org/

• Use only composition api
• Do not use vuex or any other 3rd party libraries

Implement svelte

Reference: https://svelte.dev/

Implement mint-lang

https://www.mint-lang.com/

Implement kotlin-js

• No other 3rd party framework is allowed
• Code must be written in kotlin

implement cyclejs

https://cycle.js.org/

Implement hybrids

https://github.com/hybridsjs/hybrids

Implement solidjs

Reference: https://www.solidjs.com/

• Please use requestAnimationFrame instead of setTimeout or setInterval

Implement Hyperscript

https://github.com/JuliaWeb/Hyperscript.jl

Maybe. Maybe not too. lol let's see