React, TypeScript, Material UI — Navbar Component Mobile Responsive & Smooth Scroll
Today we'll build a mobile responsive navigation bar with React, TypeScript, and Material UI. This is a perfect navbar component for any website you need to build — personally, I'm using it on my next personal portfolio website! I've set up the codebase in a very scalable fashion and integrated eslint with prettier. By coding along, you'll get to use professional best practices and improve your software engineering career. Thank you for watching! Please be sure to leave a like, comment, and subscribe for more coding content.
GitHub Repo: https://github.com/CodeFocusChannel/m...
Copy and Paste Resources:
Dependencies: https://github.com/CodeFocusChannel/m...
tsconfig.ts: https://github.com/CodeFocusChannel/m...
.eslint.json: https://github.com/CodeFocusChannel/m...
.prettierrc: https://github.com/CodeFocusChannel/m...
.editorconfig: https://github.com/CodeFocusChannel/m...
.vscode: https://github.com/CodeFocusChannel/m...
Timestamps:
0:00 Intro/Demo
1:33 Setup & Dependencies
5:50 Start Project
15:26 Navbar
27:10 Responsiveness
44:30 Outro