25 Feb React Website Tutorial – Build a Beginner React JS Project In 20 Minutes
Timmy Walsh , N. Ireland – Extremely misleading – Told them the domain name that I wanted and they said it was included free with the package that I was buying. After signing up, I went to register the domain name and found out it costs extra because it was ‘.co.uk’ and they didn’t offer this domain name for free. They clearly told me when signing up that the exact domain name I wanted was included for free with the package but it actually costed extra. Got a full refund, but was a total waste of time and very misleading.
The files you want to pay attention to are: App.js, index.html and everything in the components folder. They are all in the src folder apart from index.html which is in the public folder.
Node Js: https://nodejs.org/en/
Material UI Core: https://www.npmjs.com/package/@material-ui/core
Command: npm install @material-ui/core
Material UI Icons: https://www.npmjs.com/package/@material-ui/icons
Command: npm install @material-ui/icons
React Code Snippets:
Fonts and Images
How I learnt React
DISCLOSURE: I may earn a commission when you use one of our coupons/links to make a purchase. It costs the same for you but helps me out.
In this video we build a fully responsive React website that would be ideal as a project.
00:00 – Intro
00:15 Install Node
0:21 Install Git
00:30 Run create-react-app
00:59 Installing Material UI
01:28 Running the local server
01:43 Theming Material UI
03:25 Building the Button
7:43 Building the nav bar
11:54 Building the icon grid
15:14 App.js CSS
17:35 Building the footer
18:50 Pushing to GitHub
19:53 Hosting on Netlify