Why You Should Start an Open Source Project

• xns-audio-player

  1 59 2.7 JavaScript

  A simple customizable web music player powered by vue & HTMLAudioElement

A simple yet powerful music player for vuejs based on xns-audio-player

• tailwindcss

  2 38,847 9.6 CSS

  Discontinued A utility-first CSS framework for rapid UI development. [Moved to: https://github.com/tailwindlabs/tailwindcss] (by tailwindcss)

  

A persistent audio player powered by vue and some visuals from tailwindcss, v-tooltip, v-progress, vue-ionicons & xns-seek-bar

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• vuex

  85 28,369 1.5 JavaScript

  🗃️ Centralized State Management for Vue.js.

  

Since I had two separate components that used more or less the same reactive data and methods I needed to have a single source of truth that they could both have access to for updating the UI and a single place where the playback functions could be accessed from, to make this work I used vuex for reactive data across components and added a mixin file for the playback methods respectively.

• floating-vue

  3 3,198 7.9 TypeScript

  💬 Easy tooltips, popovers, dropdown, menus... for Vue

A persistent audio player powered by vue and some visuals from tailwindcss, v-tooltip, v-progress, vue-ionicons & xns-seek-bar

• v-progress

  1 0 0.0 JavaScript

  progress ui component for vue2

A persistent audio player powered by vue and some visuals from tailwindcss, v-tooltip, v-progress, vue-ionicons & xns-seek-bar

• xns-seek-bar

  1 4 0.0 Vue

  A seekable progress bar component for Vue.js

Before implementing this feature, the user would only listen to a song without the ability to manually seek/buffer to a new time in the audio, thus I initially added this feature with the help of vue-slider-component, later on while pruning the number of external plugins in the project I created my own plugin xns-seek-bar that was lighter and more customized to this player and beyond, a tool I discussed creating on my first post here.

• awesome-for-beginners

  106 64,071 0.0

  A list of awesome beginners-friendly projects.

I remember reading something about contributing to open source and specifically learning about contributions for beginners and understanding issue labels such as good-first-issue, coming across tools such as firsttimersonly and awesome-for-beginners, this eased my fear a bit and I grasped the idea that one doesn't contribute by only fixing complex issues but even correcting typos and adding to documentation were just as valuable contributions, these were specially good starting points to get one's feet wet with open source, easing-in so to speak.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• vue-slider-component

  1 2,386 0.0 TypeScript

  🌡 A highly customized slider component

Before implementing this feature, the user would only listen to a song without the ability to manually seek/buffer to a new time in the audio, thus I initially added this feature with the help of vue-slider-component, later on while pruning the number of external plugins in the project I created my own plugin xns-seek-bar that was lighter and more customized to this player and beyond, a tool I discussed creating on my first post here.

• xns-audio-player-simple

  1 9 0.0 Vue

  xns-audio-player vue plugin with a simple ui

View on GitHub

• awesome-vue

  28 71,012 8.0

  🎉 A curated list of awesome things related to Vue.js

  

The first PR I made on someone else's repository was around February 2020 on vuejs/awesome-vue when I wanted to place some of my Vue plugins on that list.

Suggest a related project