In this video I am going to show you how to make a responsive website that uses the Chuck Norris API and convert it from a standard website to a react project
My Patreon
/ jesustakethecompiler
Github
https://github.com/FOD17/chuck-norris...
Chuck Norris API
https://api.chucknorris.io/
0:00 Introduction to Responsive Web and Chuck Norris API
1:00 Starting with HTML
7:39 Doing the JavaScript to get Jokes and Dynamically Load HTML
29:08 CSS TIME, baby!!
47:40 Tablet Size Using CSS
52:27 Convert To A React Application
54:36 Removing Parts of the Install We Don't Need
55:10 Delete App.css to make way for our styles
55:40 Making Folder For Chuck Norris Image
56:00 Making the Header Component
58:22 Body Component
01:02:05 Set up how we get the Categories and the Joke
01:07:45 Working on the JSX (aka what also looks like HTML)
01:13:44 Deleting index.css to remove excessive styles
01:14:06 Click to get the Joke