Programming Question

For this small project milestone, continue working with https://react.dev/learn/Links to an external site. as well as other resources you find helpful for building with React. Options:

1. Try creating a website with multiple “pages” (or React’s illusion of multiple pages), working with a good tutorial like one of these:

• https://www.golangprograms.com/how-to-create-simple-react-router-to-navigate-multiple-pages.htmlLinks to an external site. orhttps://www.geeksforgeeks.org/how-to-create-a-multi-page-website-using-react-js/Links to an external site. .(NOTE: These tutorials (like most React tutorials on the web) start from the beginning, but you don’t need to start over with all the installations–so skip to the stuff you need here: you’ll just need to add an installation for react-router-dom ). Read the tutorial before you start coding so you have a clear sense of what you need here.
• Here’s a code sandbox showing someone’s successful setup of a React site with multiple pages: https://codesandbox.io/s/react-multi-page-website-chlqv?file=/src/index.js:133-184Links to an external site.

2. If not interested in this, try something different that you learn to build with React! What you choose should involve interactive features, such as: input forms that accept text, selection of something from a dropdown form, maybe even an interactive chat room (

https://www.freecodecamp.org/news/build-a-realtime-chat-app-with-react-express-socketio-and-harperdb/Links to an external site.

), or anything you like (keep it professional!)

• When ready to submit this project milestone, push your code to GitHub and deploy to GitHub Pages via a gh-pages branch. The process for this is very similar to what we did with three.js, as you only push to your main branch, but npm handles the deployment to gh-pages. See instructions here: https://blog.logrocket.com/deploying-react-apps-github-pages/Links to an external site.
• Post a direct link to the code view of your repo, and another to the published GitHub Pages site to complete this milestone.
• #You can continue to work on the website you worked on last time: https://minwu859.github.io/React-gallery/#And remember to follow all the detail requirements above to finish this assignment. You can log in to my github account and go into the “react-gallery” repo, post the website in the repo and push all the codes via my gh-pages branch as the requirements said. Also give me the web link.