1
00:00:00,360 --> 00:00:06,810
All right, and once we're comfortable setting up our context API globally now, I would want to work

2
00:00:06,810 --> 00:00:13,670
on a bigger project and not one will be stripe submenus or stripe menus.

3
00:00:13,990 --> 00:00:16,110
And as far as the inspiration, I got it.

4
00:00:16,110 --> 00:00:19,680
One stripe released a very new version of the site.

5
00:00:19,950 --> 00:00:26,790
And the idea is that instead of those vertical sublimates that you normally see, they have these nice

6
00:00:26,790 --> 00:00:27,360
menus.

7
00:00:27,660 --> 00:00:30,660
So instead of the menu, they have more options.

8
00:00:30,870 --> 00:00:37,200
And that as you're hovering, notice how nicely changes the position on the screen.

9
00:00:37,830 --> 00:00:44,120
Something similar strategy has where, again, instead of those boring vertical links, they have these

10
00:00:44,260 --> 00:00:48,420
submenus where essentially you can place whatever you want.

11
00:00:48,780 --> 00:00:54,830
So the way our project is going to look like is like this, where, again, I didn't go that crazy.

12
00:00:55,140 --> 00:00:58,320
So my main goal was just to add functionality.

13
00:00:58,560 --> 00:01:05,610
And then, of course, if your project needs some kind of pictures or something more cool and of submenu,

14
00:01:05,850 --> 00:01:07,070
you'll be able to add it.

15
00:01:07,350 --> 00:01:15,690
My deal was set up separate pages and then notice how, depending on the page, we display these sub

16
00:01:15,690 --> 00:01:23,460
links and then also notice how we changed the position of that submenu as we're hovering and also the

17
00:01:23,460 --> 00:01:26,450
columns that the items have.

18
00:01:26,730 --> 00:01:31,280
So the more items we have than the more columns we displayed.

19
00:01:31,590 --> 00:01:37,150
And also once we go to the smaller screen, we should have the submenu here.

20
00:01:37,560 --> 00:01:43,830
So once I go here, once I click now, this is going to be our submenu again, something similar to

21
00:01:43,830 --> 00:01:46,490
Strib and of their setup.

22
00:01:46,860 --> 00:01:53,460
I also would want to mention that, yes, this project is bigger project, so it has more bells and

23
00:01:53,460 --> 00:01:53,940
whistles.

24
00:01:54,270 --> 00:01:57,780
So just be prepared for a bumpy ride, OK?

25
00:01:57,990 --> 00:01:59,880
There's many things that I need to cover.

26
00:02:00,090 --> 00:02:06,000
And even though we have, of course, covered the global context and all that good stuff, so there's

27
00:02:06,000 --> 00:02:08,520
some things that we should be familiar with.

28
00:02:08,940 --> 00:02:14,450
There's also going to be plenty of things that will cover for the first time.

29
00:02:14,730 --> 00:02:19,470
So just be prepared to do some extra studying if necessary.