Building the Spotify UI with Ionic

Поделиться
HTML-код
  • Опубликовано: 12 янв 2025

Комментарии • 74

  • @galaxies_dev
    @galaxies_dev  2 года назад

    Want more? Check out some real Ionic clones here: ruclips.net/p/PLNFwX8PVq5q5K_ztYB5umsEu9p6SOQQSb
    Make sure to subscribe for more! ruclips.net/user/simongrimmdev_?sub_confirmation=1

  • @paragbhide5032
    @paragbhide5032 3 года назад +13

    This is one of the finest piece of UI in Ionic I have seen so far

  • @TheSaceone
    @TheSaceone 3 года назад +4

    46:05 We understand, we understand. That's why we appreciate so much your videos. This one is a great collection of very useful techniques, amazing job Simon! Thank you very much

  • @sachinkadam5930
    @sachinkadam5930 3 года назад +1

    The best short tutorial for ionic, I have ever seen. Thanks

  • @HurikaneTv
    @HurikaneTv 3 года назад +1

    Simon... I have been following you since 2017, but with this your new strategy of frontend and ui design your channel will hit 200k by the end of the year. Congratulations ahead of time

    • @galaxies_dev
      @galaxies_dev  3 года назад

      Haha thanks a lot!! Seems like people really enjoy this new type :)

  • @braveitor
    @braveitor 3 года назад +2

    Really nice effects. They give life to static elements. Thanks Simon!

  • @royal-code
    @royal-code 3 года назад +1

    I liked this Simon, great UI in the end, and that image fading was cool to kill it off! good job.

  • @michaelbroeker3130
    @michaelbroeker3130 3 года назад +1

    your effort was worth it simon. thnx

  • @ionic4themesionic330
    @ionic4themesionic330 3 года назад +1

    Really great UI/UX! Congratulations Simon!

  • @jazzyjasps
    @jazzyjasps 3 года назад +1

    Great video Simon. I am really enjoying this series of videos.

  • @Nurundin
    @Nurundin 3 года назад +1

    Ionic really is capable of very dynamic apps. @Simon many thanks for this tutorial

  • @matadorevo5335
    @matadorevo5335 3 года назад +2

    👌🏻amazing, now we’re waiting for EBAY UI 🥰

  • @pauloafpjunior
    @pauloafpjunior 3 года назад +2

    This serie is amazing!!!

  • @amddropdead
    @amddropdead 3 года назад +1

    Amazing tricks and techniques Simon!! Thanks a lot for this tutorial :D

  • @domis045
    @domis045 3 года назад +1

    Allways love your content! keep it up! loving the more detailed ones.

  • @den_gu
    @den_gu 3 года назад +1

    Thanks for your videos Simon.

  • @MounikaUmmidi
    @MounikaUmmidi Год назад +1

    Thank you for the video.

  • @billyli5174
    @billyli5174 3 года назад +1

    great UI. it helps me a lot while i am going to make a music player app .

  • @dai_range8011
    @dai_range8011 3 года назад

    Wow, this is great UI!! When scroll-X ion-slides horizontally, tapping does not stop. How can I stop?

  • @KingTvanMerica
    @KingTvanMerica 3 года назад

    Hi when I add the ion-slide in there I get an NG0300 code. Multiple components match node with tag name ion slide. when I comment it out it goes away

  • @soromiso
    @soromiso 3 года назад +1

    Thanks, Simmon

  • @ionwizard606
    @ionwizard606 3 года назад

    Woah Simon is in the correct track now 😍 This is how we can bring our loving ionic framework further. I always encourage people to do this kind of custom things rather than just using built-in components. Really Appreciate Simon.
    Looking forward to see something like William Candillon for rn &
    Simon Grimm for IONIC

    • @galaxies_dev
      @galaxies_dev  3 года назад

      Haha yeah I took some inspiration from William indeed :)

  • @ohurcool07
    @ohurcool07 2 года назад

    For the routing, I see that you used tab1/:title. What if we wanted to access album from tab2 and tab3. Would we have to create two more sibling routes like tab2/:title and tab3/title. Is it not possible to create a shared route so all three tabs can access the albums page and the route could be tabs/:title?
    I have a similar issue with my application as swipe to go back doesn’t work without it referencing the tab it’s in. If you take the Spotify application for example you can access album through the url simply by going to /album instead of adding the current tab as prefix.

    • @galaxies_dev
      @galaxies_dev  2 года назад +1

      Yes you can have multiple routes that show the same page, and that would be the way to go!

  • @aashikal1718
    @aashikal1718 Год назад

    Could not find a declaration file for module '../../assets/mockdata/albums'. '/home/aashika/ionic/devdacticSpotify/src/assets/mockdata/albums/index.js' implicitly has an 'any' type.
    how to solve the problem?

  • @magicalkunal
    @magicalkunal 2 года назад

    Hi, How can we create a calling notification to pop up in the background and if the screen is off wake up the screen?

  • @Mewain
    @Mewain 3 года назад +2

    Thanks for the awesome video Simon !
    Maybe doing ``` newPadding = Math.min(100, newPadding) ``` would be prettier ?

  • @shawinmendis4415
    @shawinmendis4415 3 года назад +1

    Cheers mate good stuff 🙂

  • @wealth_developer_researcher
    @wealth_developer_researcher 3 года назад

    Thanks for this nice tutorial

  • @werthersoriginal
    @werthersoriginal 3 года назад

    Wow, this came out really good! Building copy-cat apps is a really great way to reverse engineer a lot of real-world apps you see out in the wild. Thank you for this!

  • @woldy2516
    @woldy2516 3 года назад

    And how we make the backend? To reproduce the music

  • @shafi2344
    @shafi2344 3 года назад +1

    Amazing.. Keep going.❤

  • @kleak7325
    @kleak7325 3 года назад

    Hi Simon, just wanted to know have you done any video on how to create api and select data into ionic pages? Would be a great help if you could direct me into any of your videos that can be of help. Thanks in advance!

    • @galaxies_dev
      @galaxies_dev  3 года назад

      I don't have tutorials on API building but I've done so for my projects, mostly using NestJS these days.

  • @vampirejs758
    @vampirejs758 3 года назад +2

    Amazing dude!

  • @lavisharma3210
    @lavisharma3210 3 года назад

    Hi Simon, I read on twitter that the angular cli now supports HMR, so can it be used in ionic development also ??

    • @galaxies_dev
      @galaxies_dev  3 года назад +1

      Yes when using Angular 11 you can run it like "ionic serve -- --hmr" (yes with 2 double dashes)

  • @LuckystrikeGFXer
    @LuckystrikeGFXer 3 года назад

    Hey Simon, I recently got an idea for a quick tutorial, on iOS when you go between pages the back button has the title of the previous page as the text of the back button. I tried to look for a solution for that but I haven't really found a good resource. Maybe you have an idea to do this feature in a clean way.

  • @JuanD3v
    @JuanD3v 3 года назад +1

    amazing!!!

  •  3 года назад +1

    LOVE it

  • @MrDbutterfly7
    @MrDbutterfly7 3 года назад +1

    Ionic 👌🏾

  • @codingroom2876
    @codingroom2876 3 года назад

    ありがとうございます。

  • @ajaymall3499
    @ajaymall3499 3 года назад +1

    Next episode RUclips ui

  • @GioBeridze
    @GioBeridze 3 года назад +1

    Cool

  • @thatchipmunksings
    @thatchipmunksings 3 года назад +1

    Yaaaaaaaaaaaaaaaaaay

  • @devmev2665
    @devmev2665 3 года назад

    Imagine you are a company like spotify and you pay developers like hell for that and there is that one simon in 47 min 😂😂

  • @MVSEPREMOVEVOCAL
    @MVSEPREMOVEVOCAL 2 года назад

    Sketchware