BugArray
BugArray
  • Видео 74
  • Просмотров 146 178
How to Deploy an Angular App to Firebase Hosting
## Summary: Deploying an Angular 17 App to Firebase Hosting
This tutorial outlines the steps to deploy an Angular 4 application to Firebase Hosting. The process involves:
1. **Compiling the App:** Creating a production-ready version of the app using `ng build`.
2. **Installing Firebase Tools:** Installing the Firebase CLI and logging into your Firebase account.
3. **Initializing the Project:** Configuring your project for deployment using `firebase init`.
4. **Deploying the App:** Using `firebase deploy` to publish your app to Firebase Hosting.
The tutorial highlights the ease of deployment with Firebase and its free tier for low-volume usage. It also guides users through configuration options,...
Просмотров: 36

Видео

Build a Realtime Polling system with Angular, Tailwind CSS and Firebase
Просмотров 11614 дней назад
Build a Realtime Polling System with Angular, Tailwind CSS, and Firebase In this comprehensive tutorial, we'll guide you through creating a dynamic and interactive polling system using Angular, Tailwind CSS, and Firebase. Learn how to implement robust authentication and authorization, leverage the power of Firestore for real-time database operations, and build a user-friendly interface with Tai...
Build a Expense Tracker App using Angular | Tailwind CSS
Просмотров 385Месяц назад
In this video, we will learn how to build a budgeting app using Angular and Tailwind CSS. We will start by creating a new Angular project and then add Tailwind CSS to it. Next, we will create a component for our budget dashboard. This component will display our budget information, such as our total budget, our income, and our expenses. We will also create a component for adding new expenses to ...
Tailwind Css Tutorial - Using Tailwind Css with Angular
Просмотров 156Месяц назад
In this video we'll be teaching you how to setup tailwind css into your angular project. What you will learn: 1. How to create a new angular project 2. How to setup tailwind css in your angular project. 3. How to configure tailwind to know which file the tailwindcss should be applied on. 4. Testing if tailwind is working by using a card styled with tailwind
Movie App using Angular | Convert Figma design to Angular project
Просмотров 2,3 тыс.2 месяца назад
This is a project based tutorial where we are building a movie app using angular. Buy Me Coffee: buymeacoffee.com/sibonelosvr Coded Design : www.youtube.com/@codeddesign Github repo: github.com/Sibonelo-Vilakazi/movie-web-app.git Movie API: developer.themoviedb.org/reference/intro/getting-started This is what we are going to cover in this video: 1. How we convert an figma design to angular proj...
Angular 17: GitHub API Integration with RESTful Services
Просмотров 562 месяца назад
Learn how to build a robust Angular 17 application that seamlessly interacts with the GitHub API. This tutorial covers essential techniques for fetching and displaying user data, including efficient implementation of user search using fuzzy matching and GitHub's powerful search capabilities. Gain hands-on experience with REST API consumption, data modeling, and creating a user-friendly interfac...
Keep Users Logged In - React Native AsyncStorage
Просмотров 3363 месяца назад
Struggling with users having to re-login every time they open your React Native app? In this video, we'll show you how to implement a seamless login experience using AsyncStorage. You'll learn how to store login credentials securely and automatically log users in on app launch, with an option to logout as well. This will significantly improve your app's user experience! Hashtags: #reactnative #...
React Native Login and Register | API Integration
Просмотров 3453 месяца назад
In this video, I will be covering how to integrate login and register functionality with our Node.js API. Here is what you will learn by the end of the video: Creating a generic service for your HTTP requests using Axios Using asynchronous storage Integrating the login and register API #reactnative #techstartup #developer #4kwatchtime #nodejs #tutorial
How to Convert an Expo React Native App to TypeScript
Просмотров 1853 месяца назад
In this video I will show you how to add typescript to an already existing react native project #typescript #expo #bugarray
Building Startup : React Native Followers & Following UI with Expo: Build It Yourself!
Просмотров 1234 месяца назад
React Native Followers & Following UI with Expo: Build It Yourself! Looking to add a follower/following feature to your React Native app with Expo? This video's for you! We'll walk you through coding a clean and user-friendly UI from scratch, leveraging the power of Expo. No prior Expo experience? No worries! This tutorial is designed to be beginner-friendly, guiding you step-by-step through th...
Building Startup: Implementing Social Media Profile | React Native
Просмотров 1555 месяцев назад
In this video we are going to create our beautiful UI for our profile screen for our social media app (thumbTalk) #shorts #reactnative #figma #frontend
Building Startup: Social Media APP Feeds | React Native | Expo Router
Просмотров 4205 месяцев назад
🚀 Excited to share with you how to build a sleek social media feed screen using React Native! In this tutorial, we'll dive into creating a beautiful user interface and dynamically populating the feed with posts from a locally stored array. 🎨 UI Design: We'll start by crafting a visually stunning feed screen layout using React Native's flexible styling capabilities. From profile pictures to post...
🚀 Building Startup {ThumbTalk} : This is how social media apps implement Comments and Likes
Просмотров 2066 месяцев назад
Welcome to the journey of building Thumbtalk, a startup social media platform from scratch! In this video, we'll dive deep into the intricacies of implementing essential features like comments and likes, crucial for any thriving social media app. Using cutting-edge technologies such as Node.js, TypeORM, and PostgreSQL, we'll guide you through every step of the development process. From setting ...
Login & Signup UI | with React Native
Просмотров 4166 месяцев назад
Login & Signup UI | with React Native
Building A Startup: React Native Tab Bar Routing with Expo Router
Просмотров 2056 месяцев назад
Building A Startup: React Native Tab Bar Routing with Expo Router
How to setup React native app with Expo | Expo Router
Просмотров 1,2 тыс.7 месяцев назад
How to setup React native app with Expo | Expo Router
Building App Startup Thumbtalk: JWT Route Protection | REST API
Просмотров 1097 месяцев назад
Building App Startup Thumbtalk: JWT Route Protection | REST API
Building your own AI using ChatGPT API with Nodejs
Просмотров 2398 месяцев назад
Building your own AI using ChatGPT API with Nodejs
Building App Startup Thumbtalk : CODE REFACTORING - With NODE JS
Просмотров 2709 месяцев назад
Building App Startup Thumbtalk : CODE REFACTORING - With NODE JS
Building App Startup Thumbtalk: HOW TO GENERATE JWT REFRESH TOKEN IN 3 MINUTES
Просмотров 929 месяцев назад
Building App Startup Thumbtalk: HOW TO GENERATE JWT REFRESH TOKEN IN 3 MINUTES
Building App Startup Thumbtalk: HOW TO GENERATE JWT ACCESS TOKEN IN 10 MINUTES
Просмотров 489 месяцев назад
Building App Startup Thumbtalk: HOW TO GENERATE JWT ACCESS TOKEN IN 10 MINUTES
Building App Startup Thumbtalk: How social media do Posts with NodeJS | Express
Просмотров 649 месяцев назад
Building App Startup Thumbtalk: How social media do Posts with NodeJS | Express
Building App Startup Thumbtalk: Implementing Social Media Post Upload with Node.js
Просмотров 36710 месяцев назад
Building App Startup Thumbtalk: Implementing Social Media Post Upload with Node.js
Building App Startup Thumbtalk : USER AUTHENTICATION SERVICE WITH NodeJS AND TYPEORM - PART 2
Просмотров 184Год назад
Building App Startup Thumbtalk : USER AUTHENTICATION SERVICE WITH NodeJS AND TYPEORM - PART 2
Building ThumbTalk : Cloning and Entity Relational Diagram with TypeORM and NodeJS - PART 1
Просмотров 357Год назад
Building ThumbTalk : Cloning and Entity Relational Diagram with TypeORM and NodeJS - PART 1
Building ThumbTalk: Database Migration ( Typeorm , Nodejs and Postgres)
Просмотров 6 тыс.Год назад
Building ThumbTalk: Database Migration ( Typeorm , Nodejs and Postgres)
Building ThumbTalk : CLEAN CODE ARCHITECTURE - With NODE JS
Просмотров 1,6 тыс.Год назад
Building ThumbTalk : CLEAN CODE ARCHITECTURE - With NODE JS
TypeScript REST API with NodeJS, Postgres & TypeORM ( Database Connection)
Просмотров 5 тыс.Год назад
TypeScript REST API with NodeJS, Postgres & TypeORM ( Database Connection)
Angular Firebase Authentication | Login Signup with Angular Firebase | Explained | Source code
Просмотров 9 тыс.Год назад
Angular Firebase Authentication | Login Signup with Angular Firebase | Explained | Source code
Build login and registration page with Angular Material | Reactive forms | Validations
Просмотров 4,2 тыс.Год назад
Build login and registration page with Angular Material | Reactive forms | Validations

Комментарии

  • @BugArray
    @BugArray 15 дней назад

    Please don't forget to subscribe

  • @mohamedmagdi581
    @mohamedmagdi581 3 месяца назад

    Not useful at all... RIGHT!

    • @BugArray
      @BugArray 3 месяца назад

      🤣 I'll work on improving my videos, thanks for your feedback though

  • @sobkhed1716
    @sobkhed1716 6 месяцев назад

    man this saved me a lot you are a life saver wish you well and joy

  • @andderr
    @andderr 6 месяцев назад

    Use this now: Scaffold-DbContext “Server={name}; Database={name};Trusted_Connection=True; TrustServerCertificate=true;” Microsoft.EntityFrameworkCore.SqlServer -OutputDir Models

  • @andersonmorony
    @andersonmorony 9 месяцев назад

    Thank you Bro!!!

    • @BugArray
      @BugArray 9 месяцев назад

      I really appreciate your feedback bro , Thanks

  • @SanaOsn
    @SanaOsn 9 месяцев назад

    This is more of a Scss tutorial than an Angular app, utter waste.

    • @BugArray
      @BugArray 9 месяцев назад

      Thanks for the feedback, I appreciate you taking your time to watch this video.

  • @montmor123
    @montmor123 9 месяцев назад

    Dude.... I spent the whole day looking for how to do that. I owe you a kiss on the mouth!

    • @BugArray
      @BugArray 9 месяцев назад

      I appreciate your feedback, such comments motivate me to push even herder to help out. Thank you

  • @SethHamrick
    @SethHamrick 11 месяцев назад

    I can not believe how difficult it was to find such a simple action. You did a wonderful job explaining the entire execution of this line of code and provided me with exactly what I was looking for!

    • @BugArray
      @BugArray 11 месяцев назад

      I really appreciate the feedback

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

    🎉🎉🎉🎉🎉

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

    Been struggling to connect VS Mac to SQL server for a very long time, this video actually helped. Great video man 🧎‍♂

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

    great explination in this video cumpolsary use thems folder and thems.scss or its an optional plz tell me because its defficult to

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

      Thanks for your feedback . So the reason for using theme.scss is so that we could use variables for repetitive styles , because think about this say we creating a website with a thousand pages and in all those pages we have a blue button . Then we wake up one day and the client wants to change it to green then if we don't use the theme.scss it would mean we'd have to change a thousand files right .So with the themes.scss we can just change it in one place then all the buttons with that variable would be green

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

    Fast, easy and on point Thank you!

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

    Great video! Could you share the code?

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

      Thanks I will try searching in my pc to see if i still have this project and share the repo link

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

      @@BugArray Thank you so much!

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

    Thank you so much... I'm already give up with connectin my sql server database to my rest api, but finally i found this awesome video

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

      I am humbled too hear such feedback. All the best and happy coding

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

    Yikes. I wouldn't inject the data access layer directly into the controller. I'd recommend using Microsoft.Identity/ Entityframework tools for authentication authorisation.

  • @EduardMorozov-z4c
    @EduardMorozov-z4c Год назад

    who creates coding 720p videos in 2023? It's barely visible

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

      🤣 LOL well that was a year ago . Well I had a really crappy pc at the time , currently I'm facing some challenges with the screen recording software I'm using once I get monetized I'm surely get a better software to use ... Sorry for the bad quality I can imagine the pain you doing through to watch this. Thanks for the feedback by the way

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

    it asks me for a provider once i run Scaffold-DbContext, where can i find that?

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

    Or use nameIdentifier like so: var userID = User.FindFirst(ClaimTypes.NameIdentifier)?.value;

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

    thank me later, Scaffold-DbContext “Server=localhost;Database=master;Trusted_Connection=True;TrustServerCertificate=True” Microsoft.EntityFrameworkCore.SqlServer -OutputDir Models

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

    What if i wanna add a todo list page after signing

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

    Thank you! You are a life saver!😊😊

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

      I am really humbled to hear that

  • @РустемЭннанов-я1ч

    Hi, Where i can download your project from this video ? I don't see your User class and many other. Plz send link to me

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

    pasword should come hashed over the api, why are you hashing passwords after sending them in plain text over the api? what? this should not exist in a video even for demonstration purposes...

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

      I guess they is many ways to kill a cat , but lets think about it way. But let's look at it this way Encrypting the password before sending it in HTTPS doesn't accomplish much: if the attacker got their hands on the encrypted password they could simply use it as if it were the actual password, the server wouldn't know the difference ... But I like your take on this it shows that you don't just code to get something working but you seek the best solution .. I would say create a video and teach us your way and hit me up . I'm pretty sure it might help a lot of people

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

    Very helpful. Thanks.

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

      I'm so happy to hear that

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

    Thanks for your info, it worked for me.

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

      IM so happy to hear that

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

    Hey man this helped a lot, can u give me a code of this project?

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

    BugArray sila

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

    You explained exactly what I was looking for, thanks dude.

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

    Do *not* use SHA256, this entire tutorial should be disregarded. Look into how to use bcrypt if you absolutely need to store passwords.

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

      Thanks for your feedback maybe in one of the good days I will make a video using bcrypt

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

    Thank you Sir

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

      Thank you for your feedback

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

    Great content bru, I’m here for it.

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

      Thanks bro I really appreciate it

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

    if a task is daily, monthly, or weekly repetitive, then how we will accommodate in the database?

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

      You can have a column in your database that has a daily , monthly and weekly indicator . For instance daily =1 , monthly = 2 e.t.c

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

    Thank you, sir, really needed this kind of video for core development of my project

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

    Thank you bro. You saved me!

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

      Im very humbled to hear that

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

    Sir can u do a full course on dotnet core6.0 beginner to advanced

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

      One of the good days I will do that

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

    Hey youu, nice video 🤩🤩🤩🤩

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

      Thank you so much 😊

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

    Source code pls if you can

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

    Please kindly name your video accordingly, so that we know which one is created first and the next and next, so that we can follow along for those of us that didn't start the video with you. As it is now, i really did not know the first one and which one follows. I have been looking for a video like this for the current version of Angular with Authentication and authorization using Asp .net core Web API. Will be glad, if you can state sequence of these video for good follow up. Great Job man!

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

      Thanks for the feedback.. I'll have to change the description of the video... I really appreciate it bro

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

    Awesome man! You are the best! Keep it please, thanks for helping!

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

      Thanks, will do so . I really appreciate the feedback

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

      @@BugArray Hey mate is there any possible way to get calling procedure from sql?

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

      @@max_snowtr I guess the is a way to call a procedure in sql. I don't have much knowledge in stored procedure , but I know that you just need execute your procedure . eg) exec dbo.<name of your procedure> that you created. I don't know if that answers your question

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

      @@BugArray i see, should i create class for procedure? and where should i put that 'execute procedure' command?

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

      @@max_snowtr With What I know is that you would write a query to create the procedure then execute that. Once the procedure has been created you just need to execute it in your program . Can I please ask what are you using this procedure for

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

    All good but why do you test it on postman if u have swagger already 😐

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

      Thanks for your feedback I really appreciate it . Well I just prefer using Postman over swagger . I just use swagger to checkout the endpoint I have but I rarely execute my endpoints there

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

    Can you put your note file in description

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

      Thank for you feedback I really appreciate it I will do so

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

      @@BugArray you haven't posted them yet.

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

      @@emrecakan3716 Awesome I will try to get it up for you . Sorry for that please remind me if I don't get it up in the next 2 day

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

      @@BugArray you didnt .....

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

      two months late....

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

    Please is this uploaded on your github. I need the link

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

      Nope this is not on my git hub they reason I don't pus the code is because the moment I give someone the code its moves your focus in grasping the concepts because you'll copy and paste . Im not saying everyone does that but I prefer the viewers coding along with me so they can grasp much from the video

  • @catfishfortesque-smythe437
    @catfishfortesque-smythe437 2 года назад

    Nice work. But I have to make the comment that it was difficult to hear you - perhaps increase the volume?

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

    Good job man!

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

      Thanks for your feedback mate. I really appreciate it

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

    Thanks for this. It helped me finally get detail page routing to work. Just FYI, that subscribe is crossed out because it's deprecated by rxjs. You can correct it with a different format: this.productService.getProducts('products').subscribe({ next: (res: any) => { this.products = res this.products = this.products.filter((data: any) => data.id == id) this.singleProduct = this.products[0] }, error: (e) => console.error(e), complete: () => console.info('complete') })

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

      I'm glad this video could help , thanks for your feedback mate

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

    you should continue this series and make a tutorial on how to assign roles to users, and based on the role access different authorized controllers or pages.. thank u!

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

      Thanks for you feedback I really appreciate it , well I was about to post a video today that would be focused on adding JWT to the api

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

    Thank you so much. I'm already desperate to make a successful connection to db

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

      I am very happy to hear that kind of feedback. Thanks a lot

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

    𝔭𝔯𝔬𝔪𝔬𝔰𝔪 😉

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

    source code?

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

      I don't normally like giving out the source code because the viewer then doesn't grasp the most out of the video , because the answer is right in their hands

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

    Your channel is a hidden gem.

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

      Thanks for the support . I really appreciate it