Giter Club home page Giter Club logo

sobhanbera / sobyte-old Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 13.95 MB

Free music streamer and downloader made with love and developed with react-native framework. Download songs, listen to songs with offline songs, lyrics support, internationalization, attractive UI, optimized animations, playlist support and a vast number of features. Author - Sobhan Bera

Home Page: https://sobhanbera.github.io

JavaScript 7.66% TypeScript 89.73% Starlark 0.09% Java 1.35% Ruby 0.30% Objective-C 0.67% Shell 0.01% Vim Script 0.21%
music music-streamer i18n custom-themes awesome-ui songs theme-system dark-theme light-themes colorscheme

sobyte-old's Issues

Song Details tab design

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Music Player with scrollview songs list

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

More Data in explorer tab

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Implement Animated Lyrics Text

Currently

When the line of lyrics is changed then the next line becomes large instantly. There is no transition between lines changing.

About this feature

When any of the lines of the lyrics change the main (current) lyrics line should fade up the font with bright colour.

Implementation

we can use the following implementation to achieve this task.

// current index is the index of current line based on the lrc string
const color = Animated.interpolate(currentIndex, {
    input: [currentIndex - 1, currentIndex, currentIndex + 1],
    output: ['any_semi_dark_visual_color', 'totaly_visible_color', 'any_semi_dark_visual_color']
})
    
// same for font size...
const fontSize = Animated.interpolate(currentIndex, {
    input: [currentIndex - 1, currentIndex, currentIndex + 1],
    output: [20, 24, 20]
})

return (
    ...
    <Text
        style={{
            fontSize,
            color,
            ...
        }}
    >
        {currentLyricsLine}
    <Text/>
    ...
    ...
)

Splash-Screen

Splash Screen Issue:

  • While the react-native does not fetch the local user data and decides whether the user is logged in or not we have to show the Splash Screen.
  • Currently, because the splash screen hides before the user data fetching unwanted warnings are occurring like (Can't perform a React state update on an unmounted component).
  • After this, the app will wait some time but will not lag after launching the application.

Play next song when a song ended

Play the next song after a song ended.

This feature may look easy but it isn't.

To play the next track when the current track/song is ended we should create a trigger point when the track ended and then scroll one element down in Music Player. After auto-scrolling to the next song, the song will play automatically.

The typical part here is the scrolling animation to take place.

Implement i18n

Implementation of i18next

This feature will enable the use of different languages throughout the whole application.
The Documentation for this feature implementation is available here

Refrence Image

This feature implement would take some time. Then for the rest of adding languages will take time.

Play song depending on the internet connection

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Implement feature to read QR Code

This feature is dependent on the feature implementation at this issue #37.
After the QR Code for each and every user's profile is generated implement a feature to use phone camera and read the QR Code and get to the profile of the user.

Implement QR Code generation for profile.

QR Code:

In the user's profile, a QR code must also be provided by which he or she can share it and share their accounts/profile with other users over the sobyte application.

search tab should have two scrollview

The main scroll will be horizontal with data like songs list, artists list, playlist cards, etc.
These lists will consist of the list in the vertical direction and finally, they would form a virtual tab-like design.

Major-Changes

This is not an issue. This is the list of all the PRs, commits that are important to future builds.

Music Player UI Needed

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Song are not played with that existing function

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Implement a better feature in music player to change track.

Updated feature

Currently, we are scrolling to the next index of the flat list to trigger the "playback-track-changed" event of react-native-track-player and then change the song according to that. Instead of this approach we could directly play a song after detecting which song index was ended lastly and according to that play the next song and find the song index in the flat list variable and scroll to that particular index.

This approach will help us to play the track/song in some cases where the device is locked or the application is running in the background and not in front of the user on the screen itself.

Implement Theme System

Theme System

At least a Dark and a Light Theme for the initial stage of application is needed.

These are some images from the previous version of the app.

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4 Screenshot 5

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.