feat: add full stack web app

[Sayvai]

Implement Full Stack Web Application (Frontend Client and Backend API)

This change implements a new Full Stack Next.js web application, combining two core modern-day powerful technologies (React.js and FastAPI).

Related Issue

N/A

Description

The result of the implementation is a fully functioning interactive frontend client that is accessible from the web browser, allowing the user to preview and upload their resumes and multiple job details (link and descriptions) to the backend API, to then be able to take in the user-submitted data, and return out (currently mocked) results, such as vector scores, common words, and suggestions against multiple jobs.

At the moment, the API returns a mocked response, but the API response model is provisionally defined, and so this should make it simpler to get started with integrating new and existing Python scripts to return the results in a structured data format for the frontend client to automatically parse and render back out to the user.

Type

• [ ] Bug Fix
• [X] Feature Enhancement
• [X] Documentation Update
• [ ] Code Refactoring
• [ ] Other (please specify):

Proposed Changes

• Next.js full stack web application implementation (under webapp/ sub-directory)
• Next.js frontend using React.js
• Next.js backend using Python FastAPI web framework

Screenshots / Code Snippets (if applicable)

Here is a short GIF demo of the frontend client interaction, which ultimately dynamically renders out the mocked response from the backend API.

How to Test

Instructions on running the full stack web application is set out in the webapp/README.md file

Checklist

• [X] The code compiles successfully without any errors or warnings
• [ ] The changes have been tested and verified
• [X] The documentation has been updated (if applicable)
• [X] The changes follow the project's coding guidelines and best practices
• [X] The commit messages are descriptive and follow the project's guidelines
• [ ] All tests (if applicable) pass successfully
• [ ] This pull request has been linked to the related issue (if applicable)

Additional Information

• There are currently no unit or end-to-end tests implemented yet, but that is something that can be implemented on top later.

[srbhr]

Hey @Sayvai Dude this is some awesome work! Thanks a lot for doing this. Can you join in the Discord and share about it during this Weekend? We have our usual weekly calls at that time, and I would love to know, how you did this all, and how can we implement new features on top of this. As there are ongoing discussions about this.

Link to discord: https://dsc.gg/resume-matcher

[srbhr]

Hi @Sayvai can you raise the PR to this branch: https://github.com/srbhr/Resume-Matcher/tree/resume-matcher-fullstack-webapp

This will contain the code to run the webapp. Also, please fix the merge conflict with the requirements.txt file.

[Sayvai]

Hi @srbhr - I've resolved the merge conflict on the requirements.txt file, and have changed the base branch on this pull request to point to srbhr:resume-matcher-fullstack-webapp.

If you could, I would advise for you to select to option to Squash Merge (or Rebase Merge, since I pre-squashed all commits on my PR branch already), as that would only introduce one clean commit onto the git log history of the base branch, without adding an additional standalone merge commit (unnecessarily). Totally up to you, as it's just my preferred Git workflow approach, personally 🙂

[srbhr]

@Sayvai this PR is now merged! thanks for this