1
00:00:00,390 --> 00:00:05,520
So now that we have come together, the application now will be pushing a barcode onto our GitHub account.

2
00:00:05,880 --> 00:00:07,490
And later on publishing it up.

3
00:00:10,020 --> 00:00:13,650
So for that purpose will be pushing a barcode on a guitar.

4
00:00:14,010 --> 00:00:18,690
By the way, if you are aware and you know how to get up, feel free to skip this section.

5
00:00:19,380 --> 00:00:21,900
So first thing that will do is create a new repository.

6
00:00:23,180 --> 00:00:28,370
And we'll have to name it, so as the name of our app, it is going to be in, what do you search?

7
00:00:31,180 --> 00:00:31,620
OK.

8
00:00:33,930 --> 00:00:37,080
Now this name is available to us, we'll just create a repository.

9
00:00:37,110 --> 00:00:39,510
We are in no requirement to file because.

10
00:00:42,370 --> 00:00:47,200
So once the repository is created, we need to put in all these combine so that we can push up our code.

11
00:00:47,590 --> 00:00:49,240
So the first command is get in it.

12
00:00:49,540 --> 00:00:51,030
Is going to initialize a repository.

13
00:00:51,040 --> 00:00:56,440
So we just copy this command and moved into your going to open up the in-built terminal.

14
00:01:01,990 --> 00:01:03,280
Not getting it.

15
00:01:05,800 --> 00:01:11,840
It is going to initialize a repository to the gate so that once then let's just move back into our data

16
00:01:11,860 --> 00:01:19,120
repository and the next command is going to be at committee or first get out first correct.

17
00:01:19,570 --> 00:01:25,510
But before this will be getting all our files, so get that space and obedient, then hit enter.

18
00:01:28,480 --> 00:01:30,280
Alright, so the next command is going to be.

19
00:01:31,630 --> 00:01:32,950
Let me just copy that command.

20
00:01:34,560 --> 00:01:36,600
Get commit, first commit.

21
00:01:37,890 --> 00:01:40,710
Just come back here and paste it.

22
00:01:45,270 --> 00:01:46,020
And her to.

23
00:01:48,700 --> 00:01:50,080
Scenario committee not fail.

24
00:01:50,260 --> 00:01:50,710
No.

25
00:01:50,960 --> 00:01:53,620
Next, come on, let's get drunk.

26
00:01:54,340 --> 00:02:00,220
So just copy this, come on and again pasted it into OK, as it has been added.

27
00:02:00,220 --> 00:02:03,310
Now we'll be adding our origin described by this.

28
00:02:03,310 --> 00:02:03,700
Come on.

29
00:02:05,640 --> 00:02:09,120
And base hit again and hit enter.

30
00:02:09,660 --> 00:02:13,260
OK, so remote origin has been added now will be pushing a barcode on Twitter.

31
00:02:13,770 --> 00:02:15,660
So just copy the last reminder.

32
00:02:15,660 --> 00:02:16,490
Get pushed on.

33
00:02:18,260 --> 00:02:20,360
And pasted in terminal and her dental.

34
00:02:21,670 --> 00:02:26,680
Now we have successfully pushed out cordon to get up if we just take a look at our weather just to give

35
00:02:26,680 --> 00:02:27,370
it a refresh.

36
00:02:32,320 --> 00:02:33,940
And here is our code now.

37
00:02:34,720 --> 00:02:39,230
Now what they're going to do is open up about Heroku and inside I had to go with logging.

38
00:02:39,250 --> 00:02:40,620
If you don't have an account, make one.

39
00:02:40,630 --> 00:02:41,620
It's totally free.

40
00:02:42,580 --> 00:02:46,960
You won't be charged anything for making up an account, though there are certain limitations to the

41
00:02:46,960 --> 00:02:49,810
free account you can make at most five apps.

42
00:02:51,800 --> 00:02:53,990
So here's our dashboard now we're creating a new app.

43
00:02:55,170 --> 00:02:56,700
And click on Create New App.

44
00:02:58,410 --> 00:03:00,240
Now, the name of our app is going to be.

45
00:03:01,600 --> 00:03:06,970
OK, so this name is available, and I'll select your nearest region and make it at Sierra in your case,

46
00:03:06,970 --> 00:03:11,010
it's my it might be anything like Europe or United States.

47
00:03:11,020 --> 00:03:13,540
Do it, then just create a new startup.

48
00:03:20,540 --> 00:03:25,220
So, all right, here here in our dashboard, we have three options to deploy our app, you can either

49
00:03:25,220 --> 00:03:28,730
use the head to go get the yellow or you can connect to our GitHub.

50
00:03:29,030 --> 00:03:33,020
So this is the preference that will be opting for suggest click to connect your GitHub.

51
00:03:33,020 --> 00:03:39,740
And if this is the first time you need to get up, ideas now will be just searching API repositories

52
00:03:39,740 --> 00:03:43,460
or search for all the repositories that we have and will be connecting them.

53
00:03:44,730 --> 00:03:47,130
Well, OK, so here are all our repositories.

54
00:03:47,820 --> 00:03:52,620
The repository I'm interested in is that the name emoji search so I can search for it.

55
00:03:52,980 --> 00:03:54,900
All right, so we'll just connect with our repository.

56
00:03:57,810 --> 00:03:59,350
Now, our repository has been connected.

57
00:03:59,790 --> 00:04:02,520
America is going to fetch up all our code from GitHub now.

58
00:04:02,970 --> 00:04:06,630
But before we go any further, we would want to add a backpack.

59
00:04:06,990 --> 00:04:13,320
So just search for create the Achterberg pack and copy this particular link on GitHub.

60
00:04:14,040 --> 00:04:21,090
And by the way, this has been provided to you in your assets column so you can search for it and go

61
00:04:21,090 --> 00:04:21,810
into settings.

62
00:04:24,480 --> 00:04:28,950
And in our debate back, click on Add Very Back and paste this link.

63
00:04:30,520 --> 00:04:32,920
Now, once you click on see changes.

64
00:04:34,410 --> 00:04:39,030
All right, now, we have this prompt saying that your new ballpark configuration will be used when

65
00:04:39,030 --> 00:04:40,140
this original deployed.

66
00:04:40,410 --> 00:04:46,470
So why we're using this ballpark because Heroku is not something that identifies react by default,

67
00:04:46,470 --> 00:04:49,980
we have to tell that how we want our app to be deployed.

68
00:04:50,250 --> 00:04:53,880
So that's the very basic reason for which we are adding this pack now.

69
00:04:53,880 --> 00:04:55,110
Head back there the section.

70
00:04:56,630 --> 00:05:02,660
And click on wait for the electric bus and then an automatic replies.

71
00:05:04,190 --> 00:05:08,090
And now that I'm ready player up, so fingers crossed, deploy a branch.

72
00:05:08,600 --> 00:05:12,570
Now it is going to take some time, and once it's done, we will be able to view it up.

73
00:05:13,040 --> 00:05:18,110
So now as we see our app has successfully been deployed, we have got all the green text now to view

74
00:05:18,110 --> 00:05:18,890
our application.

75
00:05:19,130 --> 00:05:22,370
All you have to do is just click on this view button and this is going to open up our app.

76
00:05:23,390 --> 00:05:29,840
So as you might see that we have a URL that says search, emoji, search app dot Heroku dot com.

77
00:05:30,290 --> 00:05:36,430
So now if I want to search for a particular emoji to search for a man, so all the emojis related to

78
00:05:36,440 --> 00:05:40,100
a man will be showing up, and you might recall this limit that we set up.

79
00:05:40,370 --> 00:05:41,240
It was 15.

80
00:05:41,240 --> 00:05:44,900
So at max it is going to have only 15 elements.

81
00:05:45,200 --> 00:05:45,680
Smile.

82
00:05:47,980 --> 00:05:54,460
So we are having all the smileys aware, so now we have deployed around anyone from around the world

83
00:05:54,460 --> 00:06:00,370
can access a bit this year and so we have completed up.
