Kalle: "Ive been filming for 5 and half hours and im going to start over and i havent eaten" - this is the difference between hard work and getting things done versus procrastinating and being lazy
Nice job with this build! you might want to check out the SafeArea widget instead of using padding to move up the Navigation bar, just wrap the whole UI with the SafeArea widget and you’re good to go
Really nice video as always, keep it up! Something that slightly bothered me however: maybe it might be an idea to cut the left part of your webcam which doesn't really show something important out, as it's blocking the top right of your VSCode. Other than that, a pleasure to watch!
I was looking to learn something during these summer vacations and i came at your video and it looks pretty cool building you a very famous application. I think I should add Dark and Flutter in my learning list as well. I am currently working on the Java Full Stack Development which includes Java Spring MVC, Spring Boot, Hibernate and Angular 7.
@@goth14wx47 Yes Sir, Currently Working On Angular 7 Which is Modern JavaScript Framework and it is very useful in building Enterprise Level Web Applications, As We all know that Node.Js cannot handle a huge amount of data that is being sent from the server side so in this Java is Great.
I’ve also cloned Instagram just the homepage and the like button functionality but i used a listview builder, also you should give the like button a splash color when it’s clicked :p
Nice to have an Instagram UI. But how do you actually connect it with a backend server now? This is something I still struggle to understand with flutter. A 'One Day Build: Instagram Backend' would be nice. This might be a different question but how do you build an app which can be used completely offline and has the functionality to sync to a server when connected with the internet?
a good front-end toolkit: CSS, HTML, Javascript, jQuery (along with a framework like Vue.js, Angular, or React). If you intend to do anything like user authentication, blogs, forums, etc, I would recommend some back-end like: SQL, MongoDB, and a decent language like Ruby on Rails, Python, or Node.js. Sorry if this doesn't answer your question.
Love your videos man, been doing Flutter myself after taking the Udemy course on it. Had a question for you though: do you ever get distracted during a programming session? Like on this one day build, you said you went from 9am to 9pm, do you ever quit for a couple hours and come back? When I code, I feel like I get easily distracted and can only code for like a hour before my attention goes elsewhere, like I have ADD or something. So I plan on spending 8 hours on something, and end up coding for only 3 hours. Do you ever deal with that? And if so, what have you done to mitigate that?
4:30 use MediaQuery.of(context).padding.bottom as the margin value so if you are on a device without bottom bar (aka not iphone X) you don't have randomly big marging
Hi brother I like your video I am beginniner I want to become like you so how I start which programing language should I have to learn and where I learn free
Hi Kalle Hallden ,i am new to flutter.May i ask you a question please? How to solve two appbar in one page? At scene 14:16 you are using 'return container' to replace Scaffold to achieve the goal but when you said want to handle back button issues, at scene 14:32 you are using 'return Scaffold '. Thanks. Btw i love your flutter video and keep going!
Thank you, really appreciate it! I am working on the livestream setup to get everything working and now I pretty much only have to learn how to work with the streaming software and how twitch livestreaming works and then I can start. It won't be long if everything goes according to plan I am hoping to do my first one next Sunday (23rd) but no guarantees. Everything tends to always take longer than planned. But that's at least a rough idea :)
Hey Kalle Hallden, thanks for the video... it was very useful. But people who are interested in starting a business, try out a clone of popular websites/apps. For example, UberEats Clone App, BlaBlaCar Clone App, Airbnb Clone App, Instagram Clone App, etc.
If you were to implement a media player for your Instagram app, ie ExoPlayer on Android, which library would you use for Flutter or would you build out a native solution for iOS and Android then bridge the two together?
Would this app work on all platforms for multiple users? I didnt notice any database nor something similar to a database to actually store posts etc. How do you manage that?
Jim Sundqvist you’ve to understand this is more complex than how it’s shown on this video. Instagram isn’t stupid to have 100s developers working when there’s only one needed. This is just a good start, but in real it needs a lot more complex architecture to build an app like Instagram. Just appreciate this guys effort and move on.
Mohil Sheth yeah I understand something else is going on and I saw Firebase is an alternative to use as a backend for flutter, which I believe I might end up using when I finish my app and actually come up with the proper idea I want to build, currently just trying to learn the language
I guess you will spend much time for Stories/Streaming (webrtc, maybe custom protocols) implementation, adding cache storage, image filters (speed up by Render Script, Metal/OpenGL) ... a lot of work. But Instagram UI is quite simple and easy to implement.
Wow this is so amazing how fast you can build apps with flutter! I really need to learn this for rapid development! Any tips on where / how I can learn?
im in my last year of computer science but i know like no single code-line im so disappointed i feel awful i wish i could be like this guy he looks to be so good and on point when he said at your job test you will be given problems to solve i felt like dying from inside like a hole in my chest please ''any advice dear programmers'' out there.
Can I ask why you used a margin, for the bottom navbar, as opposed to SafeArea? The set up you have would be fine for an X/Xs/Xr but would be jarring for rectangle phones.
what about navigation? on android when I press back button I want to go to the previous bottom navigation bar tab and when some post is opened I should go back to list of posts
Hey man, I've sent you an email asking if I could use this app in one of my videos? Messaging here too in case it got lost in the spam folder :) Thanks for the video, it's amazing!
A lot of people are asking for that, but I am not really good at building according to the convention or using best practices so I just feel like if I did tutorials I would either have to study up and spend a ton of extra time learning the best practices. Or I would be teaching things that may end up leading you down a wrong path haha
wall maria if you check out the RUclips channel for flutter they showcase a few good apps that have been made, and from what I can tell, it’s definitely plausible to make a full functioning app with it
I like flutter ,I have been playing with it, but in Linux with lxde and even with the lighter desktop environment, Its laggy a lot, so I have to buy another pc for flutter
Hey Kalle, you should do a video about good practices when coding in fluttter, or maybe just things you like to do in a certain manner when coding
Yeah that's a great idea, although I don't think I follow many of the conventions in flutter 😬😬
That's just a linter..
Make a full tutorial on how to make this
2:03 This is how Instagram came to be if you've ever wondered
I'm studying flutter now, and dart it's a delicious language, very similar to Java..
i'm enjoying!
Glad to hear it! :)
i can't imagine how frustrating this process was, but you pulled through which is awesome
Thank you!
Yeah it was incredibly frustrating, and a real test
The third time I was dead tired and ready to give up
Commenting on your code makes it easier and simple
One day builds are so inspiring, continue like that!
That's great to hear man! I will continue with them, really cool to hear that they inspire you :)
Kalle: "Ive been filming for 5 and half hours and im going to start over and i havent eaten" - this is the difference between hard work and getting things done versus procrastinating and being lazy
Haha thanks man! It was a struggle for sure and also tested my patience like crazy 😆
Nice job with this build! you might want to check out the SafeArea widget instead of using padding to move up the Navigation bar, just wrap the whole UI with the SafeArea widget and you’re good to go
Thank you!
Oh yeah a few people have mentioned that haha
Good advice, I appreciate it! :)
you're gonna be the first one im watching on twich obviously... bring up the Flutter!
Haha nice! :)
man, I am facing a serious problem with the notifications!
I've just realised that you have posted two videos before this one !!!
Hahah okay that's no good man😆
Don't want to miss these incredible videos haha 😉
I love you kalle you are so great!
this was really great to watch it all come together.
you got yourself a new sub dude
If you need the outline material Icons, you can sue this package - outline_material_icons: ^0.1.0
use
I always sue a package if I like it.
😂
Nice job! You might want to look into the SafeArea widget instead of manually padding the bottom navbar.
Okay nice! Thank you, I will check it out :)
Impressive, achieving that in one single day.
Thank you man, I appreciate it! :)
Given your Sports background maybe do a MyFitnessPal clone in the future :D
Yeah that's a good idea!
That might have to be the next one day build Flutter video that I do! :)
these types of videos are pure gold ! Thanks 👍🏻
That's awesome to hear that you think so, I really appreciate it so thank you :)
What courses you recommend to learn dart and Flutter? Or Java development:)
Great!! It really helped me. Thank you for the video Kalle
Awesome quality as always!
Awesome support as always! :)
Kalle, like your computing system.
Really nice video as always, keep it up!
Something that slightly bothered me however: maybe it might be an idea to cut the left part of your webcam which doesn't really show something important out, as it's blocking the top right of your VSCode.
Other than that, a pleasure to watch!
Thank you man! I really appreciate that sort of feedback, I will change that for sure :)
I was looking to learn something during these summer vacations and i came at your video and it looks pretty cool building you a very famous application. I think I should add Dark and Flutter in my learning list as well. I am currently working on the Java Full Stack Development which includes Java Spring MVC, Spring Boot, Hibernate and Angular 7.
Well Java it's good for get a job, but it would be better that you put some attention to the new technologies, good luck.
@@goth14wx47 Yes Sir, Currently Working On Angular 7 Which is Modern JavaScript Framework and it is very useful in building Enterprise Level Web Applications, As We all know that Node.Js cannot handle a huge amount of data that is being sent from the server side so in this Java is Great.
It's an amaizing job 👌👍
Thanks!! I would like to know if we are not likely to be prosecuted if we made apps clone for learning purposes
this looks much better than instagram
I just come here for the satisfaction of watching someone code
well....I cant code my myself
Hi Kalle, do you have other videos explain how data is saved in the background?
I’ve also cloned Instagram just the homepage and the like button functionality but i used a listview builder, also you should give the like button a splash color when it’s clicked :p
Nice man!
Yes I agree :)
Nice to have an Instagram UI. But how do you actually connect it with a backend server now? This is something I still struggle to understand with flutter. A 'One Day Build: Instagram Backend' would be nice.
This might be a different question but how do you build an app which can be used completely offline and has the functionality to sync to a server when connected with the internet?
Your eork is just amazing. Genuinely loving ur videos keep it up
Thank you for that, I truly appreciate it! :)
I love to study web application development, what are the programming skills I needed to create an application?
a good front-end toolkit: CSS, HTML, Javascript, jQuery (along with a framework like Vue.js, Angular, or React). If you intend to do anything like user authentication, blogs, forums, etc, I would recommend some back-end like: SQL, MongoDB, and a decent language like Ruby on Rails, Python, or Node.js.
Sorry if this doesn't answer your question.
@@microcosm2377 Would you recommend Firebase for authentication?
Nice Job
Love your videos man, been doing Flutter myself after taking the Udemy course on it.
Had a question for you though: do you ever get distracted during a programming session? Like on this one day build, you said you went from 9am to 9pm, do you ever quit for a couple hours and come back?
When I code, I feel like I get easily distracted and can only code for like a hour before my attention goes elsewhere, like I have ADD or something. So I plan on spending 8 hours on something, and end up coding for only 3 hours. Do you ever deal with that? And if so, what have you done to mitigate that?
Would you recommend to use dart for creating fang type apps or would you rather go with native apps, react native or python ?
The course is good, for purpose of sharing and learning you should try do a slow tutorial or give an option for the same.
4:30 use MediaQuery.of(context).padding.bottom as the margin value so if you are on a device without bottom bar (aka not iphone X) you don't have randomly big marging
In Flutter Is it possible to show the image and the video in the same widget, Are there any common widget?
real cool project, keep up the good work
Hey Kalle, do you know how to use Amazon Amplify? How long would it take you to build an Instagram clone using serverless computing?
Sweet!
Maybe you'll add the like-animation to the favorite iconbutton :)
i'd love to see this.....or even the "typing"
Hi brother I like your video I am beginniner I want to become like you so how I start which programing language should I have to learn and where I learn free
Great and inspiring video bro respect
Cool to hear that you found it inspirational! Thank you :)
you are great Bro...
Thank you, you too...
great
streaming on twitch would be awesome 👌🏼
Glad you think so! It's coming as soon as I can get it set up :)
God Bless you
Hi Kalle Hallden ,i am new to flutter.May i ask you a question please?
How to solve two appbar in one page? At scene 14:16 you are using 'return container' to replace Scaffold to achieve the goal
but when you said want to handle back button issues, at scene 14:32 you are using 'return Scaffold '.
Thanks.
Btw i love your flutter video and keep going!
I am so amazed by your knowledge! I've been learning Python and maybe someday get to this level.. Nice vid.
Thank you, but the videos might make me look better than I am because it's not really that difficult I promise :)
Kalle Hallden love it!! Thank you for being super supportive. Watching you do these builds is great to push me further...kudos✌️
Should we learn java and android studio for Android app dev or flutter and dart what you'll suggest?
If you just wanna make apps for Android then you can learn java but if you wanna make apps both for android and iOS flutter is way to go 👁️👄👁️
Great video as always I like this type of videos. When Livestreams will begin ?
Thank you, really appreciate it!
I am working on the livestream setup to get everything working and now I pretty much only have to learn how to work with the streaming software and how twitch livestreaming works and then I can start. It won't be long if everything goes according to plan I am hoping to do my first one next Sunday (23rd) but no guarantees. Everything tends to always take longer than planned.
But that's at least a rough idea :)
is it possible to upload your website or a site like this on the appstore or is there another program specific for this
please make a video to share about how to create and open a flutter project with VS or Android Studio using terminal
Cool Kalle That's Cool Idea.
Thank you man! :)
Hey Kalle Hallden, thanks for the video... it was very useful. But people who are interested in starting a business, try out a clone of popular websites/apps. For example, UberEats Clone App, BlaBlaCar Clone App, Airbnb Clone App, Instagram Clone App, etc.
What instagram api were you using? Now there are multiple
❤️Flutter Ilove ❤️
Hey, i saw on google that, to make an app like instagram will take 4-6 months. How did you `do it in just a day
When did you implemented ig api or firebase
Bro can you please make the Facebook clone.
And one thing ,
I really enjoying your video.
Thanks bro.
If you were to implement a media player for your Instagram app, ie ExoPlayer on Android, which library would you use for Flutter or would you build out a native solution for iOS and Android then bridge the two together?
Hi all, does anyone know how to run your flutter demo on your mobile phone as Kalle did? Is there something like expo for flutter?
For icons in the future u could use font awesome i use it on almost every project where i have to deal with that type of stuff. Nice video my man :)
Okay yeah I will check it out!
Thank you :)
Would this app work on all platforms for multiple users? I didnt notice any database nor something similar to a database to actually store posts etc. How do you manage that?
Jim Sundqvist you’ve to understand this is more complex than how it’s shown on this video. Instagram isn’t stupid to have 100s developers working when there’s only one needed. This is just a good start, but in real it needs a lot more complex architecture to build an app like Instagram. Just appreciate this guys effort and move on.
Mohil Sheth yeah I understand something else is going on and I saw Firebase is an alternative to use as a backend for flutter, which I believe I might end up using when I finish my app and actually come up with the proper idea I want to build, currently just trying to learn the language
If I want to make app like tiktok. How much time does it take.can u please tell me brother & how much money u need
I guess you will spend much time for Stories/Streaming (webrtc, maybe custom protocols) implementation, adding cache storage, image filters (speed up by Render Script, Metal/OpenGL) ... a lot of work.
But Instagram UI is quite simple and easy to implement.
Nice video. Keep making flutter videos!
Thank you, I will for sure! :)
I have some question sir, we need install android studio too? If we used flutter for making the apps?
Hey Kalle, how do you get the iphone side by side on your desktop to see changes while coding?
for full-fledged android app development with flutter which is best, VScode or android studio ?
@KingTomasu Thanks for the reply, my system is windows 10 Pentium g2020 8GB ram. can I do android studio app development with flutter?
Wow this is so amazing how fast you can build apps with flutter! I really need to learn this for rapid development! Any tips on where / how I can learn?
Haha thank you!
Yeah I would suggest searching RUclips for 'UI design Flutter' and that should get you started :)
Kalle Hallden awesome!! Will get started ASAP!
im in my last year of computer science but i know like no single code-line im so disappointed i feel awful i wish i could be like this guy he looks to be so good and on point when he said at your job test you will be given problems to solve i felt like dying from inside like a hole in my chest please ''any advice dear programmers'' out there.
🔥
Can I ask why you used a margin, for the bottom navbar, as opposed to SafeArea? The set up you have would be fine for an X/Xs/Xr but would be jarring for rectangle phones.
Didn't know about SafeArea 😬😆
Hey Kalle I liked it. But can you tell me what type of Programming language you used to make it a clone of Instagram. Reply Please. 🙂🙂🙂
Dart
wow music is way 2 loud compared to voice... gota adjust every time u start coding..nty
Sorry about that! Will fix for upcoming videos for sure :)
Does the syntax the same as python? I usedto learn html and hope this flutter is easiest to learn
Did you create an alias for the command create to make a new github repo, readme file, and push and commit as well as open those files in vs code??
Yes in my video 'automatin my projects with python' :)
Great vid!!
Thank you!
Great work bro😍
Thank you!
@@Hallden_ bro suggest me how can learn flutter best way😍
what about navigation? on android when I press back button I want to go to the previous bottom navigation bar tab and when some post is opened I should go back to list of posts
Hey man, I've sent you an email asking if I could use this app in one of my videos? Messaging here too in case it got lost in the spam folder :)
Thanks for the video, it's amazing!
Hey @kalle, what's the app called you use to code with who h has two screens?
Amazing your app , i want to be like you.
Everyone can be a programmer. Good luck
@@app11120 I need friend for learn programmer 😥
Thank you, and I want to be like you :)
Flutter is the future.
Yes I hope so 👍
@@Hallden_ IT's not a hope, but a fact.
Hey can you increase the font size for your future vids, amazing video btw
Yes for sure!
can i use django on backend for mobile apps
You should stream here on RUclips instead of Twitch, all your fan base is on this platform.
My plan right now is to stream on twitch and then upload it to RUclips as some sort of long form coding session :)
I would love some Flutter tutorials, i am kind of terrible at it haha
A lot of people are asking for that, but I am not really good at building according to the convention or using best practices so I just feel like if I did tutorials I would either have to study up and spend a ton of extra time learning the best practices. Or I would be teaching things that may end up leading you down a wrong path haha
@@Hallden_ I don't mind bad practices ;)
Is flutter ready to make a fully functional app and publish it ?
wall maria if you check out the RUclips channel for flutter they showcase a few good apps that have been made, and from what I can tell, it’s definitely plausible to make a full functioning app with it
Yes for sure :)
What is your using opreting sistem
Use whole content inside a widget called "SafeArea" instead of struggling with margins. Good work though. Keep it up.
Yes will look into it :)
Great content
Thank you!
Would you be able to clone Tinder?
which tool you use for recording video and yourself
he mentioned OBS
@@sanketss84 obs?
Nailed it bro :D :D :D :D :D
Thank you! :)
I like flutter ,I have been playing with it, but in Linux with lxde and even with the lighter desktop environment, Its laggy a lot, so I have to buy another pc for flutter
I've got Linux Mint and it's working perfectly for me
Subscribed!
Nice!