All Projects → svenpanel → the-shrine-ng

svenpanel / the-shrine-ng

Licence: other
🔴 A progressive web app of a retro soundboard. The Shrine comes with "Gude Laune!" and many more legendary sounds. 🔊

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
HTML
75241 projects

Projects that are alternatives of or similar to the-shrine-ng

Dianoia-app
Mobile (Ionic 3 - Angular 4) app about non-pharmaceutical activities and information for people with dementia.
Stars: ✭ 13 (-18.75%)
Mutual labels:  offline-capable, offline-app
Pwa Module
Zero config PWA solution for Nuxt.js
Stars: ✭ 1,033 (+6356.25%)
Mutual labels:  nuxtjs, workbox
WikiChron
Data visualization tool for wikis evolution
Stars: ✭ 19 (+18.75%)
Mutual labels:  history
chicio.github.io
👻 Fabrizio Duroni (me 😄) personal website. Created using GatsbyJS, Styled Components, Storybook, Typescript, tsParticles, GitHub pages, Github Actions, Upptime.
Stars: ✭ 20 (+25%)
Mutual labels:  workbox
TTTTRPG
Timeline Tree of Tabletop Role-Playing Games, celebrating more than 40 years game design innovations
Stars: ✭ 34 (+112.5%)
Mutual labels:  history
nuxt-gsap-module
GSAP module for Nuxt.js
Stars: ✭ 183 (+1043.75%)
Mutual labels:  nuxtjs
shrine-cloudinary
Cloudinary storage for Shrine
Stars: ✭ 23 (+43.75%)
Mutual labels:  shrine
speedy-math
An application which allows user (small kids) to practice basic Mathematics operations
Stars: ✭ 28 (+75%)
Mutual labels:  workbox
parcel-plugin-workbox
🛠️ A plugin for Parcel to generate a service worker with Workbox.
Stars: ✭ 18 (+12.5%)
Mutual labels:  workbox
nuxt-typo3
TYPO3 Frontend rendered in Vue.js and Nuxt (frontend for EXT:headless)
Stars: ✭ 66 (+312.5%)
Mutual labels:  nuxtjs
timeline-component-lwc
This component enables timeline view for Salesforce Record history.
Stars: ✭ 18 (+12.5%)
Mutual labels:  history
affilicats
🐈 Progressive Web App demo that showcases flaky network resilience measures (📶 or 🚫📶).
Stars: ✭ 65 (+306.25%)
Mutual labels:  offline-capable
nuxtjs-woocommerce
NuxtJS (Vue) eCommerce site with WooCommerce backend
Stars: ✭ 83 (+418.75%)
Mutual labels:  nuxtjs
Easy-History
Easy History v1.9.1
Stars: ✭ 23 (+43.75%)
Mutual labels:  history
on-this-day
App that serves and displays events, births and deaths that occurred during the queried day of history, scraped from Wikipedia
Stars: ✭ 12 (-25%)
Mutual labels:  history
hanami-shrine
Upload solution for Hanami using Shrine library
Stars: ✭ 28 (+75%)
Mutual labels:  shrine
solidata frontend
first draft for solidata_frontend : vue+nuxt+vuetify+i18n+axios
Stars: ✭ 15 (-6.25%)
Mutual labels:  nuxtjs
mtapp
💫 💫 Vue全家桶(配Nuxt)+ssr服务器渲染+koa2 打造美团App项目(还在更新...)📦
Stars: ✭ 30 (+87.5%)
Mutual labels:  nuxtjs
Blog2.0
基于Nuxt(ssr)+Vuetify+elementUi+nodeExpress+mongoDb的个人博客全栈项目
Stars: ✭ 20 (+25%)
Mutual labels:  nuxtjs
soundglass
Cross-platform Soundboard 🚀
Stars: ✭ 22 (+37.5%)
Mutual labels:  soundboard

the-shrine-ng

the shrine, 21st century edition

But why?

Well, to:

  • save the original shrine from becoming history due to technical advancements.
  • allow everyone to contribute to the project.
  • keep the authentic design (for now), but make it usable on small screens.
  • allow it to be used offline.

Adding a groove

  1. Make sure it's freely usable.
  2. Lower the volume by roughly 11dB.
  3. Encode it to a low bitrate to keep file size small
  4. add it to the grooves folder
  5. add it to the static/grooves.json file

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn run dev

# build for production and launch server
$ yarn run build
$ yarn start

# generate static project
$ yarn run generate

For detailed explanation on how things work, checkout Nuxt.js docs.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].