Epic Games Store UI- MaterialUI, ReactJS, TypeScript - Navigation bar #11

Описание

Hi, in this series we will try to build fullstack application with NestJS, NextJS, ReactJS, PostgreSQL and TypeScript. My aim is to build something bigger and more interesting. Features like authorization or using database are always tricky so I think it's good to implement on your own to understand how they work. We will build both API and web application. Our app is a funny little approach to mimic something like a game library and we will try to recreate Epic Games Store.

Have you ever wondered how are real app design and written? In this series I will try to reproduce at least some functionalities of Epic Games Store. We'll use NextJS, MaterialUI, ReactJS and TypeScript.

In the 11th part we will start working on our navigation bar.

Table of content:
00:00:00 - App bar setup
00:09:30 - Adding the logo icon
00:13:10 - Adding the links to subpages
00:16:44 - Creating the navigation list
00:25:45 - How to extend the Theme type
00:30:10 - Creating the navigation list #2
00:36:00 - Using before pseudoelement
00:47:00 - Adding language icon
00:55:25 - Adding sign in button
01:05:20 - Adding Get Epic Games button



--------------------------------------------

You can find me here:

https://twitter.com/wojciech_bilick
https://medium.com/@wojciech.bilicki
https://github.com/wojciech-bilicki

-------------------
ignore

web design
html
web development
css
html5
css3
es6
programming
basics
tutorial
javascript
how to make a website
responsive design tutorial
web development tutorial
media queries
website from scratch
html css
responsive website tutorial
responsive web development
web developer
how to make a responsive website
how to build a website from scratch
how to build a website
build a website
How to