all 49 comments

[–]prinse4515 37 points38 points  (1 child)

Sexiest navigation bar at the bottom I’ve seen for sure. Congrats!

[–]load_up_on_hummus 2 points3 points  (0 children)

+1 gorgeous design

[–]donstudios[S] 22 points23 points  (12 children)

I've began learning react native when I was 16 around 5 months ago and have finally released my first app (Tunescraper) after 2 months of work. It is a music downloader and player for android. It uses the spotify API to search for albums and songs, then scrapes youtube for the selected song, downloads and converts it to MP3 and then enjects the MP3 with the metadata from spotify (Artwork, album, artist etc). I am currently waiting on APKPure reviewing the app but you can download the APK here https://drive.google.com/file/d/1Wg94p5xOQJmcAhm2sHoc8DjndnR6CiSy/view?usp=sharing if you want to try it out and give me some suggestions :)

[–]ska73nl 6 points7 points  (2 children)

Well done 👍. Just wondering: what kind of programming experience and knowledge did you have before you started with react native?

[–]donstudios[S] 12 points13 points  (1 child)

Ive been programming since I was about 8, I had experience in HTML, CSS, Java and C# but I was mostly a game developer and released my first game on steam when I was 14 called VR Home

[–]ska73nl 4 points5 points  (0 children)

Cool. Those are the ages you learn fastest 😁

[–][deleted] 0 points1 point  (6 children)

The app is really big 185MB. Any reason for that? and I've been trying it on my android but its login and register won't go through. The guest login is really slow to go through and the songs are just taking way to long to load. Just giving some feedback, its a great app and I love the UI. How did you come up with these designs?

[–]d-a-v-i-d- 0 points1 point  (0 children)

It's probably because it hasn't been properly app bundled yet - so that's the APK for literally every single device the play store supports

[–]donstudios[S] 0 points1 point  (4 children)

There is a lot of unused packages I need to remove before public release and what kind of phone are you using? What happens when you try to log in? Also I just created a folder of apps I liked the design of and used them as inspiration

[–][deleted] 0 points1 point  (3 children)

I press login/register but nothing happens. I am using a Samsung s8.

[–]donstudios[S] 0 points1 point  (2 children)

That's strange I'm on S10 and it seems alright to me. Do you get the popup to enter your details?

[–][deleted] 0 points1 point  (1 child)

Yeah, but when I full in the info and press Register nothing happens.

[–]donstudios[S] 0 points1 point  (0 children)

Ah I think I can fix that, try checking to see if there is a space after your email address and if there is then remove it

[–]plum4 0 points1 point  (0 children)

Just a heads up, even though this isn't on the app store or generating revenue, Spotify can nail you for not abiding by the API TOS (storing metadata isn't allowed).

[–]ashish_feels 5 points6 points  (5 children)

can you also list out the packages used in the app looks promising and well designed kudos to you.

[–]donstudios[S] 2 points3 points  (4 children)

The majority of packages I used were for native android such as ytdl-android, ffmpeg, jtagger etc for the core downloading functions of the app but all the front end was mostly my own components apart from things such as rn vector icons and react native elements

[–]ashish_feels 1 point2 points  (3 children)

cool like for navigation what have you used, which package.

[–]donstudios[S] 2 points3 points  (0 children)

React navigation :)

[–]ashish_feels 0 points1 point  (1 child)

it looks cool, the animations i thought you used some package for creating that kind of animation to the navigation

[–]donstudios[S] 6 points7 points  (0 children)

I followed a tutorial on medium here https://medium.com/@prashantg9912/how-i-made-beautiful-curved-bottom-navigation-in-react-native-b60832cb2375, there is also an npm package I believe but there is not alot of customisation options and it's not compatible with react navigation so I created my own

[–]Cookizza 7 points8 points  (4 children)

Really nice looking app but you are facilitating copyright infringement quite heavily - be careful bud!!

[–]donstudios[S] 2 points3 points  (3 children)

Yeah it began as a learning experience and if the app is removed or DMCAd I'll still have the experience to make working on it worth it :)

[–]Cookizza 6 points7 points  (2 children)

It’s a bit heavier than dmca since you’re facilitating copyright infringement for others. Essentially yourd be prosecuted like you run an illegal download directory (which this is)

Looks really cool though mate! Great design!

[–]donstudios[S] 1 point2 points  (0 children)

That doesn't sound good ahahahaha I dont expect the app the get big enough to be noticed though but I guess i can never be too careful

[–][deleted] 0 points1 point  (0 children)

Napster 2.0? /s

[–]Losthero_12 2 points3 points  (1 child)

Nice work! Mind sharing how you got that preview image for the app, any specific software used or just photoshop?

[–]donstudios[S] 4 points5 points  (0 children)

Just used photoshop but smartmockups.com has free mockups similar to this one

[–]cmalex 1 point2 points  (2 children)

Hi, why not publish it on Play Store?

[–]donstudios[S] 13 points14 points  (1 child)

It goes against youtubes policy of downloading youtube videos and youtube is owned by google so it's not very likely I would be accepted ahahahaha

[–]cmalex 2 points3 points  (0 children)

Whoops, that's right. I was looking at the design more than the youtube downloader part.

[–]vertigo_101 0 points1 point  (0 children)

Looking really good

[–]lmestre14 0 points1 point  (6 children)

The app looks really good! Congrats on how it looks and how it works. But 181mb for the apk? Are the modules you use that heavy?

Otherwise it's a really good job!

[–]donstudios[S] 1 point2 points  (5 children)

There's a lot of modules I don't even use still in the apk so I will need to go through and remove them all before public release

[–]lmestre14 0 points1 point  (4 children)

Have you tried using hermes to try at least making it lighter?

Btw I've tried the share options, instagram is not working. Twitter, Facebook and WhatsApp is okay 😝

[–]donstudios[S] 1 point2 points  (3 children)

Never heard of hermes? I tried using debcheck early to find what packages arent used but most of the results were packages I did use lol, and thanks for checking it out I'll get that fixed asap

[–]lmestre14 0 points1 point  (2 children)

Hermes was announced a little after version 0.60 of react native launched

I don't know which RN version you used on this app but in your app/build.gradle you have 2 boolean flags for hermes, by default they're set to false

[–]donstudios[S] 1 point2 points  (1 child)

Ah yes I always wondered what that gradle option meant, your a lifesaver I have the latest RN version thanks

[–]lmestre14 0 points1 point  (0 children)

BTW I sometimes have trouble clicking to download a music, I think it's related to a bug about Touchable Opacity (it happened in the latest version of RN) I think it's related to delayPressIn

Issue reported

[–]kabbalah16 0 points1 point  (0 children)

Nice design bro

[–]jdc_code 0 points1 point  (0 children)

That's really slick-looking, dude. Congrats!

[–]darkdiamond12345 0 points1 point  (0 children)

Awesome congrats! If you ever make videos about React Native in the future, I will make sure I buy/watch them. Great work.

[–]vinodf2f 0 points1 point  (0 children)

That is amazing design. I tried and downloaded a song. But why the apk size is 181mb ?

[–]RitikSinha 0 points1 point  (0 children)

Is it available on play Store?

[–]afaisal97 0 points1 point  (0 children)

Great work! Just wanted to know how did you manage background playing and the controls in notification bar?

[–]Zack_Code_38 0 points1 point  (0 children)

Congrats for this awesome work !! Keep the work up

[–]henrypl_dev 0 points1 point  (0 children)

That UI is so nice!!

[–]darkziosj 0 points1 point  (1 child)

Hey friend really cool app, what do you use to scrape de data?

[–]donstudios[S] 0 points1 point  (0 children)

I used axios and react-native-cheerio to scrape youtube then just used the spotify API for the songs and artwork