DEV Community: Abdallah Mohammed

I made my first open source project

Abdallah Mohammed — Wed, 22 Sep 2021 21:37:21 +0000

Rhyme

The Home of your Music

🙉 What is `Rhyme` ?

Rhyme is a music player which allows the user to play their music with a simple and good looking user interface,
rhyme can play multiple type of files like .mp3, .m4a, .webm, .flac, .wav, .aac, .ogg and .opus.
A theme manager has been implemented so that you can customize the colors of the app the way you want the theme store, theme maker, and the way to change themes is still not implemented

💡 Want a feature or idea to be added ?

Open an issue here at github giving details of the request. if the feature seems appropriate and legal we will implement.

📦 Install

For instructions to install rhyme click on your os
Windows,
Mac,
Linux

For instructions to compile or contribute to the app click here

🤔 Questions

If you want to ask any questions about the project, join us on our public Matrix channel at #rhymes-player:matrix.org

If you are trying out Rhyme and you encounter an error or any problem feel free to just open an issue here on GitHub.

👏 Supporters

A Svelte Open Source Project to contribute to

Abdallah Mohammed — Thu, 03 Jun 2021 17:50:35 +0000

Rhmye

A beautiful looking music player which supports

Playing online music and local music files
Create custom playlists
view albums
view artists
favorite music to view them in the favorites page and help us know what kind of music you love
Notification area to inform you of any errors, warnings or info turn it of if you do not want it
Settings page to make the app work the way you want
More are coming

Create an electron-app using svelte build script included

Abdallah Mohammed — Sun, 30 May 2021 13:32:11 +0000

First generate the svelte app

install degit if not installednpm install -g degit
Setup svelte app using degit sveltejs/template app-name
cd app-name and run npm install
now your svelte app is ready

Add electron

npm install -D electron
create an index.js file in the project root
paste code below

const { app, BrowserWindow } = require('electron')
const path = require("path");
function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600
  })

  win.loadFile(path.join(__dirname, 'public/index.html')
}
app.on("ready", createWindow)

now add "main": "index.js" in your package.json
then replace scripts in package.json with

"scripts": {
    "build": "rollup -c && electron-builder",
    "dev": "rollup -c -w",
    "start": "electron .",
    "validate": "svelte-check"
},

now open terminal and run npm run dev a window will popup like this

to fix this go to public/index.html file and replace it with this

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <title>App Name</title>

    <link rel="stylesheet" href="global.css" />
    <link rel="stylesheet" href="build/bundle.css" />

    <script defer src="build/bundle.js"></script>
  </head>

  <body></body>
</html>

run npm run dev again and you will get

Now for building install electron builder

npm i -D electron-builder
now run npm run build
wait till command ends and you should get a dist folder

Best Open Source Apps to Contribute to

Abdallah Mohammed — Sat, 29 May 2021 22:17:20 +0000

If you have an open source app or know one put it in the comments so I add it here

Rhyme Player

This is still under development giving it a start on github will help
I am currently working on this project please give it a star on github and test it for bugs
Rhyme Player is a great music player that supports multiple music file types it can play local music or music from the internet supporting Light and Dark Themes

PenPot

This is still under development giving it a start on github will help
Penpot - The Open-Source design & prototyping platform

Akira

This is still under development giving it a start on github will help

Akira is a native UI/UX Designing app for the linux users

Brave Browser

Three times faster than Chrome. Better privacy by default than Firefox. Uses 35% less battery on mobile.

Linux

Now this is not an app this is an Operating System that uses unix as shell which is the same as macos more private than windows and works better

Visual Studio Codium

This is Visual Studio Code but the difference is that it is
completely open source since VSCode have some code property when you download