SEA INFO-6150 Final Project

Link to final project assignment: https://northeastern.instructure.com/courses/64293/assignments/834230

---

Github instructions

Project repo

https://github.com/aprilbingham-neu/seainfo6150-final-project-webapp

Forking and cloning repo

1. Go to the git repo link: https://github.com/aprilbingham-neu/seainfo6150-final-project-webapp
2. Click “Fork” to create your copy of the repo
3. Click the “Code” button to get a link to copy your fork on your computer
4. Make sure "HTTPS" is selected (it should read "Use Git or checkout with SVN using the web URL." below the input field)
5. Copy link
6. Open command line/terminal window and use these commands in a directory where you have admin permissions

git clone [copied link]

Saving, committing and pushing your changes to your fork

1. Make changes in your fork
2. Open command line and use these commands inside your final project directory

git add .
git commit -m “[commit name]”
git push origin master

---

Validator bookmarklet

Install this bookmarklet

Make a new bookmark in your browser (right-click on the bookmarks bar and click Add Page...)

• For the "Name" you might put "Validate HTML".
• Copy the code block below, paste this into the "Location" of a new bookmark.

javascript:void%20function(){javascript:(async%20function(){const%20a=document.querySelector(%22html%22).cloneNode(!0),b=document.createElement(%22div%22);b.appendChild(a);const%20c=`%3C!DOCTYPE%20html%3E${b.innerHTML}`.replace(/style%20type=\%22text\/css\%22/g,%22style%22),d=await%20fetch(`http://localhost:3000/nu/%23text-area`,{method:%22POST%22,cache:%22no-cache%22,mode:%22cors%22,headers:{%22Content-Type%22:%22text/html;%20charset=UTF-8%22,%22User-Agent%22:navigator.userAgent},referrerPolicy:%22no-referrer%22,body:c}),e=await%20d.text(),f=window.open(%22about:blank%22,%22%22,%22width=700,height=500%22);let%20g=e.replace(%22style.css%22,%22https://validator.w3.org/nu/style.css%22);g=g.replace(/\%3Cform(.*)form\%3E/g,%22%22),f.document.write(g)})()}();

When you click the bookmark while viewing a page in the web app, a window will be opened that will validate your HTML with W3C Validator (http://validator.w3.org).

---

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm install

Installs the modules needed to run the app in node_modules.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.