- 14
- 15 659
Roshan Lungali
Nepal
เข้าร่วมเมื่อ 3 เม.ย. 2021
How to Connect Firebase to Your Flutter App Using CLI 🚀 (Step-by-Step) || 2024 CLI Guide
In this video, I’ll walk you through a quick and easy step-by-step guide to connect your Firebase project to a Flutter application using the CLI. Whether you're setting up Firebase for authentication, Firestore, or cloud functions, this tutorial has got you covered!
🔹 What you'll learn:
1. Setting Up Flutterfire CLI
2. Setting Up Firebase Project
3. Adding Firebase to your Flutter App
Perfect for beginners and pros alike. Subscribe for more Flutter & Firebase tips!
► Timestamps
0:00 Intro
0:25 Install NodeJS
0:40 Install Firebase Tools
1:40 Firebase Login
2:10 Creating Firebase Project
2:50 Creating Flutter App
3:33 Activating Flutterfire CLI
4:20 Connecting Firebase to Flutte App
6:25 Initialize the Firebase
7:24 Running the App
7:51 Outro
#flutter #firebase #flutterfire #CLI #programming #easy #tutorial
🔹 What you'll learn:
1. Setting Up Flutterfire CLI
2. Setting Up Firebase Project
3. Adding Firebase to your Flutter App
Perfect for beginners and pros alike. Subscribe for more Flutter & Firebase tips!
► Timestamps
0:00 Intro
0:25 Install NodeJS
0:40 Install Firebase Tools
1:40 Firebase Login
2:10 Creating Firebase Project
2:50 Creating Flutter App
3:33 Activating Flutterfire CLI
4:20 Connecting Firebase to Flutte App
6:25 Initialize the Firebase
7:24 Running the App
7:51 Outro
#flutter #firebase #flutterfire #CLI #programming #easy #tutorial
มุมมอง: 260
วีดีโอ
Date and Time Picker in Flutter | Tutorial...
มุมมอง 1.4K5 หลายเดือนก่อน
In this video, we are creating a date and time picker in Flutter. For this, we are using the showTimePicker() and showDatePicker() methods which are already inbuilt methods and we don't need to install packages. We are only using an 'intl' package to format a date. Also, we are using a text field and displaying the date and time on the screen after we picked the date and time. date picker in Fl...
Flutter Form Validation & Password Match
มุมมอง 2968 หลายเดือนก่อน
#flutter #validation #password #match In this video, we are creating a simple responsive sign-in page to show the form validation where the most important validations are applied we check all the text fields for empty values and check whether the password length is a minimum of six or not, and then finally we check the value on the password field and re-write the password field is same or not. ...
Flutter Tutorial: JSON Serialization in Flutter | json_serializable |
มุมมอง 33811 หลายเดือนก่อน
This video is about JSON serialization in Flutter. We can serialize the JSON file both manually and automatically generate a serialization code. In this video, we are serializing the JSON file using automatic code generation and for that, we are using a package called 'json_serializable'. Do watch the video carefully, you will definitely understand JSON serialization using code generation. JSON...
Flutter Provider State Management | With Small Project Example
มุมมอง 162ปีที่แล้ว
This video is about 'Provider' a simple app state management package. We are going to understand how to use the provider package in a project to manage the app state with the help of a small project example. Note: You can skip or fast-forward the basic UI development part if you can understand the code easily or just seeing it later video part. provider in the Flutter app how to use a provider ...
How to build Image Slider in Flutter || Image Slider Flutter Tutorial || Carousel Slider
มุมมอง 8Kปีที่แล้ว
In this video, we will learn to create an image slider using a Flutter package called carousel_slider and also add a dots indicator to the slider using another package called smooth_page_indicator. image slider in the Flutter how to create a simple image slider how to build an image slider in Flutter flutter image slider carousel_pro autoplay image slider in Flutter ...............................
Flutter: Swipe to Dismiss/Delete | ListView | Dismissible Widget | Tutorial
มุมมอง 149ปีที่แล้ว
#flutter #beginners #tutorial #delete #dismiss In this video, we are going to learn about the swipe to dismiss or delete in Flutter with ListView. For this purpose, we are using a flutter widget called the 'Dismissible' widget. Simply wrap the ListTile with this widget and provide the required key and onDismiss method. ► Timestamps 0:00 Project Preview 0:24 Project Setup 1:03 Creating List 1:55...
Flutter Login Page with Form Validation
มุมมอง 357ปีที่แล้ว
#flutter #ui #login #validation NOTE: You can skip the UI development part and directly watch the validation part. Clean and easy Login Page #UI using #flutter with form #validation. The page has a greeting text on top and an image of welcoming below. Then it has a simple text form field with some decorations. And Signin' button. It looks simple and covers most of the parts of the login page. Y...
Bottom Navigation Bar in Flutter | Custom | Step by Step I Details
มุมมอง 2.9Kปีที่แล้ว
#beginners #flutter #dart #navigationbutton #custom .................... Hello guys ! In this video, we are going to create a bottom navigation bar in Flutter and customize it. It is simple and beautiful. You guys can implement this in your Flutter projects. .................... Background Music Autumn Sky Meditation: pixabay.com/music/meditationspiritual-autumn-sky-meditation-7618/ Outro Music...
Bottom Navigation Bar in Flutter || google_nav_bar || Package || Easy and Beautiful and Modern
มุมมอง 135ปีที่แล้ว
#flutter #beginners #dart #navigationbar In this video, we are going to create a simple and beautiful bottom navigation bar in Flutter using the package 'google_nav_bar'. ............ Background Music: - Autumn Sky Meditation: pixabay.com/music/meditationspiritual-autumn-sky-meditation-7618/ ............ It is easy so watch carefully, you can learn at once.👍👍 #beginners #flutter #navigationbutt...
Flutter Beginner Project - BMI Calculator (Part 2 / Final)
มุมมอง 74ปีที่แล้ว
#flutter #dart #beginners #project ....... This is the final part where the calculation logic is added with the result and result text. Then the result and result text are also cleared using the clear button to perform recalculation. Also, simple animation is added to the 'Calculate' button. And finally, the splash screen is added to the project. ...... GitHub Link: github.com/roshan2-dot/BMI-C...
Flutter Beginner Project - BMI Calculator (Part 1)
มุมมอง 76ปีที่แล้ว
#flutter #dart #project #beginners In this video, we are going to create a BMI Calculator using Flutter. This is part one in which only the widgets are created for the front end. In the second part, we will create variables and pass the values to a method for calculation and get the result. Also, do some animations. The GitHub link will be provided in the second part. Wait :) ....... Background...
Music Genre Recognition using Convolutional Neural Network (CNN) in Django
มุมมอง 132ปีที่แล้ว
#python #CNN #django #Musicgenres #recognition ...... Music Genre Recognition using Convolutional Neural Network (CNN) ....... Python Django This is an academic project so it has many limitations. It is a simple project where the CNN algorithm is used to recognize the genre of a provided audio file. ....... Link: github.com/roshan2-dot/MusicGenreClassification-with-CRUD .......
YouTube Video Downloader Project Using Django
มุมมอง 1.1Kปีที่แล้ว
#Python #Django This is a small TH-cam video downloader project in the Django framework. In this project, pytube is the main python library used to download the video from TH-cam. Using this web app we can download any video from TH-cam using its URL link. GitHub: github.com/roshan2-dot/YT_downloads
Greattttt
Mera code work nhi kar raha help chaiye thodi
slow down background music
Sir you helped me a lot. Flutter is changing rapidly and getting a video that tells you how flutter works in today's time is like impossible. You were so good. Please make videos for us.
from where to download test files
Kada ayo kada 🔥
Abo viral hunay sathi
Thank You Sir
how did you find the search bar for adding the additional packages? 2:05
In VS Code press Ctrl+Shift+P and select add dependency, then search for the package.
Thanks bro a lot I really like the video👌
Hello, what is the name of the extension you use in Flutter, the one that tells you with lines which section you are in, please?
We don't need any extension for this. Simply, go to the VS Code setting and search flutter UI. Look for the 1. Preview Flutter UI Guides and 2. Preview Flutter UI Guides Custom Tracking. Then tick both options and restart the VS Code.
@@roshanlungali Thank you very much brother, greetings from Mexico
Helpful content
Woah great i realky need this, btw can you make the one that where the user only set an alarm once and it will repeat forever fpr the next day
Short and easy to understand.
Thanks, it helps me a lot..☺
if in StatelessWidget how? I have tried using StatelessWidget the indicator does not follow the image if the image is on the slide
Excellent.
but setState will reduce the app flow can you make it in bloc pattern without using setState
How to add Text along with the Slides Please tell me
I don't know how you want to use a text in the slider, but if its a plain text, you can add the text in particular images using any image editing tools.
Crazy 🔥
how do you create those backgrounds similar with the images? same color pallet
I used Figma to create these images with similar background colors but you can use any designing tool.
Amazing ....keep it up.👍👍👍
thanks
source code??
I have added the GitHub ripository link in the video discription.
Thank U @@roshanlungali
🎉
why downloading is not visible?
You can add the downloading progress animation.
@@roshanthapamagar9547 how? please make a video on this.
🌺 P R O M O S M