.NET MAUI UI Challenge # 6 - Fairy Tales App

Hi devs! This week we replicate the design of a .NET MAUI screen of a Fairy Tales application. Don't forget to subscribe to the channel!
#dotnet #dotnetmaui
Source code + assets: courses.devs.school/courses/y...

[@devsschool]

Source code + assets: courses.devs.school/courses/youtube-source-code

[@bbohac]

Wow, what a blast!
I'm familiar with the backend, but learning how to design good looking UIs with this series of videos is really great!
Thank you so much!

[@MrSuxor]

I love the walkthrough and the explanation of what you are doing, why you are doing it. Nice to get insights into the controls and settings.
I love the design challenges, Every time I am surprised at how well you are able to meet or exceed the design requirements

[@rushas]

Great video. I've just discovered your channel and I'm loving it. Looking forward for more Maui UI challenge contents

[@BobAg_]

Love these!

[@nic00la1]

Looks great! 😎😎

[@QuintonViljoen]

This was great thanks, I have been using Xamarin a few years now yet I still learned a few good xaml tricks from you in the UI.
Perhaps in a future video you could walk through some great backend techniques or offer it as part of your paid for training. I am looking for real best practices in making a stable application but not finding much out on the internet. Covering things like login, rest services with a good framework with retries etc. Basically everything needed to build a good solid and clean application.

[@Mafyou75]

Thank you!

[@earthlingthings]

Amazing

[@zeetsoft]

Amazing.

[@lmora00]

Excelente tutorial

[@AlexisLedesma01]

Excelente!!

[@jumsim_momukzy]

very nice video. thank you

[@manooj8502]

❤❤❤❤plz bring more projects like this

[@mouradaissani8957]

waiting for it :)

[@devsschool]

Great!

[@mohamedsherif2806]

Awesome video

[@devsschool]

I'm glad you liked it

[@bonkosimaphosa3745]

Awesome video 👌

[@devsschool]

Thank you!

[@thiagoschmitz6286]

Thanks for the video, but my shadows aren´t working as espected, they keep "cutting/hiding" behind the actual border component, someone else with the same problem?

[@col89808880809]

Excellent video and tutorial. Exactly what I was looking for. Please keep the videos coming

[@amadejglasencnik425]

How do you make the emulator to turn on so quickly? 14:35

[@aziafihraf-nz2mx]

+Thank you for your tutorial,I noticed that the application is not responsive across all devices. For example, on tablets, the top carousel list is not visible. Is there any way to fix this issue?

[@devsschool]

I regularly do challenges for one platform/device type, due to time constraints. It's probably a matter of adding specific properties depending on the device / platform you need.

[@AjayVerma25]

Hi @devsschool, That's really awesome. You explained it perfectly.
Can you pleases make a video on masonry design in .NET MAUI for mobile apps?

[@emilienrakotonoelina7153]

Hi, how to create collapsing toolbar in .net maui

[@michaelOgunjimi]

i wish you could do the details page for this would be helpful

[@aziafihraf-nz2mx]

Thank you so much for your amazing Maui video! I tried out your challenge and followed your instructions to write the source code. Everything seems to be working fine except for the shadow property, which doesn't seem to have any effect. when I tested it on a real phone, the shadow partially worked, but it doesn't appear as it does in your demonstration, but when using the Android emulator, the issue persisted. Do you have any suggestions on how to fix this problem?

[@devsschool]

Not really, I have tested on an Android emulator and had no problems. Maybe it would help to check that the order of the elements is correct, sometimes when one of the elements is not nested correctly unwanted visual things happen.

[@aziafihraf-nz2mx]

@@devsschool Thank you for your response. Could you kindly inform me if you are using .NET 7 or .NET 8?

[@directionsys]

@@aziafihraf-nz2mx When using .NET 8, in my case, shadows work properly, but in my physical device (Samsung S21+) it doesn´t. Another thing that happens is that to change StrokeShape="RoundRectangle 100,100,100,100"

[@lerocher2182]

Thanks Sir!
It possible to change or remove the Blue Color of the top Toolbar?

[@devsschool]

It is possible with the Community Toolkit, it is a good idea for a future video. Greetings!

[@spontonluciano1668]

🤯🤯🤯

[@kanatkudaibergenov564]

Cool

[@devsschool]

Thanks!

[@kanatkudaibergenov564]

​@@devsschoolplease, make this grid bottom tabs work as usual bottom tabs to switch pages

[@woistdasniveau8290]

Can we find the source code somewhere?

[@madd5]

kamma!

[@directionsys]

Hello friend, do you work as a freelancer?
if so, i have some screens in figma that i would like to turn into dotnet maui. Has interest?

[@davidkroods811]

not the best approach for Tabs but just for UI could be

[@mihailkatsarov3209]

You get my dislike, because you don't add public repo! Hope you take your notes.

[@devsschool]

I don't take note of anything, because sharing the final code is not an obligation, the purpose of the challenges is that those who watch the video practice replicating the challenge, that's why I shared the assets as downloadable.

[@enricoroselino7557]

Android.Graphics.PorterDuff.something ... i cant see it
EDIT : its Android.Graphics.PorterDuff.Mode.SrcIn

[@mim8517]

Thank you I was looking for it. 👍🏼👌

[@DanielDinois]

Thank you!!!