https://github.com/chase-moskal/metalshop

web components, microservices, and infrastructure, for making modern web apps
https://github.com/chase-moskal/metalshop

library microservices web-apps web-components

Last synced: 27 days ago
JSON representation

web components, microservices, and infrastructure, for making modern web apps

• Host: GitHub
• URL: https://github.com/chase-moskal/metalshop
• Owner: chase-moskal
• License: isc
• Created: 2018-12-12T09:09:41.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-12-13T22:54:34.000Z (over 4 years ago)
• Last Synced: 2025-04-12T21:04:26.690Z (about 1 month ago)
• Topics: library, microservices, web-apps, web-components
• Language: TypeScript
• Homepage: https://metalshop.dev
• Size: 965 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# 🤘 metalshop

    🕹 live demo: https://metalshop.dev/?mock  

    🧪 [codepen demo](https://codepen.io/ChaseMoskal/pen/gOrbxRv?editors=1000) shows drop-in html usage  

**open source web components, microservices, and infrastructure**  

hello, my name is chase. metalshop is my dream project to perfect the art of building modern high-end cross-domain microservice-oriented isomorphic web applications. metalshop is a library, and this repository contains everything: frontend, backend, even continuous deployment. features like auth, users, profiles, paywalls and premium subscriptions, community features like forums and questions boards — you get it

**start making apps with plug-and-play html components**  

metalshop is an easy-to-use extensible web-app starter kit, enabling webdevs from junior to expert to get started quickly and easily by plunking down html web components onto any webpage. there's a focus on developer experience, leveraging latest technologies, and exploring best practices. it's easy for juniors to use, but you can take the training wheels off: this is real heavy-duty app developer stuff

**looking for collaborators**  

of course, i'm building my own apps with metalshop. and you should too! join me and we can collaborate together on new features so everybody can benefit. what features would interest you for your own app ideas? we currently need help designing new features, building new web components, and writing business logic for the microservices, kubernetes, and more  

    📌 post a github issue if you have any questions  

    👉😎👉 [join the metalshop discord](https://discord.gg/KQTbj2K) and give me a shoutout!  

**🤖 let's build next-gen web apps together with es-modules!**  

    🌈 obsessive focus on idyllic developer experience  

    ⛲ big features as simple html web components  

    🖧 node microservices: orchestrated kubernetes backend  

    🔐 authentication and authorization: google login, token based  

    ♻️ isomorphic: robust mock mode runs all business logic on frontend  

    🃏 standardized user profiles: nicknames, avatars, stuff like that  

    💳 paywalls and subscriptions: collecting the big bucks via stripe  

    📺 private livestreams: for premium subscribers, via vimeo  

    🎉 community-building features: questions board and more  

**📦 npm package: `metalshop`**  

    🚧 under construction: current work in progress!  

    🎓 better documentation and readme: coming eventually  

**🎁 "metalfront" web components**  

    i really need to document these  

    some of them require certain attributes or properties  

    come talk to me on the discord, link above somewhere  

    `` — *configure metalshop, server urls and stuff*  

    `` — *login, logout*  

    `` — *user's own editable profile panel*  

    `` — *user's own display picture*  

    `` — *questions board, forum to post or like questions*  

    `` — *user can manage their premium subscription*  

    `` — *private livestream for privileged users*  

    `` — *countdown timer, handy for the liveshow*  

    `` — *display any user's avatar*  

    `` — *display any user's profile info*  

    `` — *button to login or logout*  

    `` — *button to login and subscribe to premium*  

    `` — *display any dom content when user is logged in*  

    `` — *display any dom content when user is subscribed*  

    `` — *display any dom content when user is a staff member*  

**🐋 "metalback" microservices**  

    ⭐ metalback/ — *metalshop's helm chart for kubernetes*  

    auth-server — *authentication and authorization, user profiles*  

    paywall-server — *payments and subscriptions*  

    settings-server — *private user settings*  

    schedule-server — *save/load timestamps*  

    questions-server — *interact with questions forum*  

    liveshow-server — *privileged access to a video livestream*  

**🛠️ metalshop-related libraries and tools**  

    [renraku](https://github.com/chase-moskal/renraku) — *json-rpc api*  

    [cynic](https://github.com/chase-moskal/renraku) — *async esmodule testing framework*  

    [redcrypto](https://github.com/chase-moskal/redcrypto) — *token crypto*  

    [crosscall](https://github.com/chase-moskal/crosscall) — *cross-domain frame rpc*  

    [menutown](https://github.com/chase-moskal/menutown) — *top-right menu components*  

    [importly](https://github.com/chase-moskal/importly) — *importmap generator*  

    dist/toolbox/dbby/ — *agnostic mockable database adapter*  

    dist/toolbox/logger/ — *handy logger utility*  

    dist/toolbox/concurrent.js — *handy utility for groups of promises*  

**💐 metalshop is open source love**  

    *please contribute, ask questions by submitting issues!*  

        👋😎 chase