tannineo / solid-metronome

A webpage metronome, built with Astro + SolidJS + UnoCSS + Nano Stores

Home Page:https://tannineo.github.io/solid-metronome/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

solid-metronome

Astro + SolidJS + UnoCSS + nanostore

Mini proejct for personal practice (coding and playing music)

Try it out!

TODO

  • Basic metronome with:
    • 5 patterns
    • Stress first beats
    • Persisted configs in localStorage
  • Custom sounds
    • sound sample options
    • volumes (in React)
  • BPM presets
  • OG image
  • Progressive Web App (remain at the top of your mobile phone)
    • Notification everyday for practicing

Hybrid Dev using multiple frontend frameworks

  • SolidJS
    /** @jsxImportSource solid-js */
  • React
    /** @jsxImportSource react */

Briefing for Bilibili

B-Briefing.md

About

tannineo bilibili

About

A webpage metronome, built with Astro + SolidJS + UnoCSS + Nano Stores

https://tannineo.github.io/solid-metronome/

License:MIT License


Languages

Language:TypeScript 88.1%Language:Astro 6.6%Language:JavaScript 3.1%Language:CSS 1.5%Language:MDX 0.6%