About

This is a small toy project, which allows the user to upload a simple Word document and — after running through a grammar checker API — lets the user download a new Word file with corrected text.

The functionality is chosen in a way that it's really simple to implement for anyone working with TypeScript, React and Node.js on a regular basis.

But it covers the complete process end-to-end and is a good basis for further technical discussions.

Project structure

• The project should be organized as a Node project with a package.json file
• yarn should install all the dependencies. Choose libraries as you seem fit.
• yarn start should start an express server on localhost that can be viewed in a browser.
• The project should be written in TypeScript and React. If for whatever reason you don't feel comfortable with TypeScript at this point, JavaScript is also acceptable.

Submission

• Send a single ZIP or tar.gz file of your code (not including any dependencies) via email to [email protected] (cc'ed to [email protected].)

Frontend specs

• Detailed design specs can be found here:

  https://www.figma.com/file/qX18aK9vyAtMS28qKf8nrG/Fullstack-test-project?node-id=0%3A1

• Put the boxes vertically and horizontally centered on a white page.

• This is the default view when the page is opened:

  

• When the user clicks "Choose Word file" she can select a Word file from her hard disk.

• Alternatively, the user can also drag a word file on the box. When a file is dragged over the box we change the border to a blue dashed style:

  

• After a file is chosen via the dialog or dropped we upload the file and start the backend processing (see next section)

  

• Once the new file is available for download we show a download link. When clicked the new word file is downloaded by the browser.

  

Backend specs