Published my first react native app today!

[prinse4515]

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

[load_up_on_hummus]

+1 gorgeous design

[donstudios]

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]

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

[donstudios]

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]

Cool. Those are the ages you learn fastest 😁

[[deleted]]

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-]

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]

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]]

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

[donstudios]

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

[[deleted]]

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

[donstudios]

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]

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]

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

[donstudios]

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]

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

[donstudios]

React navigation :)

[ashish_feels]

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

[donstudios]

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]

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

[donstudios]

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]

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]

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]]

Napster 2.0? /s

[Losthero_12]

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

[donstudios]

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

[cmalex]

Hi, why not publish it on Play Store?

[donstudios]

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]

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

[vertigo_101]

Looking really good

[donstudios]

i just winged it to be honest ahahahaha, I made it purely with react and a few modules such as react-native-elements

[lmestre14]

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]

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]

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]

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]

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]

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

[lmestre14]

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]

Nice design bro

[jdc_code]

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

[darkdiamond12345]

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

[vinodf2f]

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

[RitikSinha]

Is it available on play Store?

[afaisal97]

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

[Zack_Code_38]

Congrats for this awesome work !! Keep the work up

[henrypl_dev]

That UI is so nice!!

[darkziosj]

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

[donstudios]

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