Random Quote Machine using React locally

JavaScript
#1

I’ve completed my Random Quote Machine using React locally. The quote machine that I’ve created passes all of the tests. However, the issue that I’m experiencing is pasting a publicly available URL into the solution link. How should I go about doing this?

Thanks, your input is appreciated.

The browser that I’m using is:

Google Chrome: Version 88.0.4324.150 (Official Build) (x86_64)

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36.

Challenge: Build a Random Quote Machine

Link to the challenge:

#2

This might be an obvious question, but do you have your random quote machine hosted on a server in which you can access the application via a URL?

If you have the project in github then I believe you can use “github pages” to give it a URL to your application. Or you can use a variety of free servers to host your application. I have used surge.sh to host some of mine. It is extremely easy to upload your files from your desktop.

#3

No, I haven’t done that but I do have my random quote machine on Github. How would I go about using Github to get a public URL?

#4

GitHub Pages

Disclaimer: I have never used github pages so if you need help with that then hopefully someone else can jump in here.

#5

I would suggest Netlify or Codesandbox. But any site that lets you host the static build output will work (with some caveats, e.g. routing).

#6

I had difficulty getting Netlify to work, as well as Github Pages. However, I did eventually use Codesandbox which enabled me to pass on to the next project. I will continue to look into how to use Github pages and if I come across a tutorial I will post it here.

1 Like
#7

Congrats on getting it done!

#8

Yeah, when you get to this point, these kinds of things are kind of a struggle. Unfortunately, there’s no easy bridge between the FCC material and putting together and hosting a “real” site. But just remember that with these struggles you are learning a lot.

#9

Here is the tutorial I found on how to deploy a React App to GitHub Pages.