I wrote the frontend page on the GitHub .NET Codespace with razor.
This app takes in resume information, and uses the D3.js library to generate both a word cloud of the most frequently mentioned words and a bar plot of the top 5 most frequently mentioned technical skills.
Because this is just the front end, the data doesn't actually get sent to the backend for any further processing. Everything is done on the razor page with html, css, and javascript.
Go to Code -> CodeSpaces and click on 'Create codespace on main' to open in the browser.
If the created codespace is stuck loading, close the tab and try to open it again. This time, you should see the codespace you just created listed under 'CodeSpaces'. Click on it.
- 📤 One-click setup: opening the CodeSpace gives you a fully configured cloud developer environment.
▶️ Run all, one-click again: Use VS Code's built-in Run command and open the forwarded port 8081 in your browser.
- If it doesn't open automatically, go to ports and click on the globe to open the front end.
- The Blazor web app should now be open on your browser.
- To stop running, return to VS Code, and click Stop twice in the debug toolbar.
- Enter in the resume information.
- Press submit and see the magic happen.
- Click the Edit Information button to edit the provided information if needed, and resubmit.
-
Checks if the name is empty or has special characters other than apostrophes ('), and hyphens (-), which means it's most likely wrong.
-
Checks if there aren't any listed, and if the ones listed are short enough (less than 20 characters). Otherwise it's most likely wrong.
-
Soft check - if there aren't any of the listed skills mentioned in the experience, let the user know, but still continue with the analysis.
