React Website Tutorial - Beginner React JS Portfolio Project Fully Responsive From Start to Finish
Learn how to build a React website from scratch in this tutorial. We will use React Hooks, React Router, Font Awesome and Sass for this project. The website is fully responsive as well, but you can make it way more responsive than I showed you.
Please Like👍, Comment🗨 and Subscribe☑️☑️ so that I can make videos every week.
Please help this channel by watching a new set of improved videos with light/dark them and well structured on Skillshare if you have an account there. The videos are all seperated into smaller videos: https://skl.sh/3x7MSwJ
Get 1 month of Premium Skillshare for free using my link : https://skl.sh/3ws9doF
Feel Free To Support The Channel on Patroen: / maclinz
Github Project Link: https://github.com/Maclinz/youtube-po...
👇👇 STUFF THAT I USE 👇👇
Screen Light Glasses: https://amzn.to/3lC3Gcg
Mouse: https://amzn.to/3lCKP0E
Keyboard: https://amzn.to/3FN1mHm
Monitors 2x: https://amzn.to/3FN2TNA
Camera: https://amzn.to/3mUnSFG
Microphone: https://amzn.to/3iWyrqQ
📗📗 BOOKS 📗📗
Problem Solving 101: https://amzn.to/3iZrANe
A Smarter Way to Learn JavaScript: https://amzn.to/3AEoyE6
Automate The Boring Stuff With Python, 2nd Edition: https://amzn.to/3v85m0e
Python Basics: A Practical Introduction to Python 3 : https://amzn.to/3lDeEhA
Artificial Intelligence: A Modern Approach, Global Edition: https://amzn.to/3ABLRyh
JavaScript Cookbook - Programming the Web: https://amzn.to/3FCJJdk
Principles of Artificial Neural Networks: https://amzn.to/3FGxQ6e
Introduction to Algorithms: https://amzn.to/3mQ9Vsz
Download the extenstions below for VS Code, they might come in handy for future videos that are coming soon.
VS CODE EXTENSTIONS: 1) Atom One Dark Theme
2) Indent Rainbow
3) JS JSX Snippets
4) Live Sass Compiler
5) Mithril Emmet
6) Styled-Components-Snippets
7) VsCode Icons
8) Live Server
9) JavaScript (ES6) Code Snippets
10) ES7 React/Redux/GraphQL/React-Native Snippets
11) SASS
12) Vs-Code-Styled-Componets
13) HTML CSS Support
14) Javascript and Typescript Nightly
15) IntelliSense for CSS class names in HTML
16) Python
00:00 - Introduction
03:30 - Header Page
01:10:00 - About Page
03:04:01 - Custom ScrollBar
03:07:41 - Blogs Page
03:32:12 - Contact Page
04:06:25 - Portfolios Page
05:06:21 - Media Queries
#ReactJs #React #ReactTutorial #reactjstutorial #maclinz #reactproject #reactforbeginners #reactwebsite #reactjswebsite #reactportfolio #webdevelopment #frontend #javascriptproject #reactrouter #reactrouterdom #sass #css #html #reactandsass #cssandhtml #csswebsite #htmlwebsite