Frontend Project Structure with the Necessary Package/Framework Configurations, and an Implemented Login Page

[KeremHmd]

• All packages can be installed and the page can be ran with only two commands.
• Bootstrap runs successfully.
• Router and API services are ready to be expanded upon.
• Forms work with no issues and payloads are properly set.
• User and developer documentation is available in utility files and the setup readme file.
• (TO-DO) There is a security limitation in the frontend which causes any requests to the server to be declined(even if the request endpoint is non-existent). Working to solve this. This issue doesn't seem to be caused by the frontend code.
• (TO-DO) Login page will have a better, red colored design and a simple, empty AI4HF header will be implemented in the main app styles.

[dogukan10]

Remove frontend folder.

[dogukan10]

I cannot start the project because of the following error, please fix it:

[dogukan10]

Please add package-lock.json file, it is missing.

[dogukan10]

When I start the application, it displays a red block which is redundant:

Please try to implement the same view we have in the mockups i.e. the header and login form.

[dogukan10]

When I login, I get CORS error:

[dogukan10]

Error message is too big, let's make it small and add some space between the error message and login button. Further, when the user clears the username or password input, let's remove the error message. ![Uploading image.png…]()

[dogukan10]

When I login, I get a token but in the console, I have this error: SyntaxError: Unexpected token 'e', "eyJhbGciOi"... is not valid JSON at JSON.parse. You should set the response type to text as shown in the link: https://stackoverflow.com/questions/50798592/angular-6-how-to-set-response-type-as-text-while-making-http-call