WhiteCarrot Intern Assignment

In this exercise, you are given an existing code-base for a simple Movies application. You are expected to go over the items in the Evaluation section, make your changes in this repository, and follow the instructions in the Submission section to submit.

As a user you should be able to search by movie name and mark it as favourite movie. The current application is half done. As part of this assignment you will improve the application to make it usable.

Please try to do as much as you can improve under ten hours.

What is the use of this Repo

This Repo demonstrates the use of the following in vuejs

1. Vue Routing
2. Components
3. Communication between Components ( Parent to child component )
4. Axios Library to make HTTP calls

Prerequisites

Install NodeJS

Refer https://nodejs.org/en/ to install NodeJS v14

Install Vue Cli

Install Vue Cli Node Package Globally using the following Command.

npm install -g @vue/cli

How to run the Application

Clone the application to local

Go into the project Folder and install the npm packages using the following command

npm install

Run the following command to run the application

npm run serve

The Application runs on localhost:8080

Evaluation

In the provided source code under src/ directory, please do the following tasks:

• performance improvements
• semantic elements
• components usability
• Improve responsiveness
• repository cleanup (possible future issues and/or potential security issues)

You can use 3rd party libraries or pick any tool of your choice that might help you to make improvements. However, in this task, we don't expect you to spend too much time. Please leave fancy UI improvements aside and focus more on technical aspects. We don't require you to spend a lot of time on this task. For time-consuming activities, you can skip them and share as a feedback or code comment.

Bonus

• improve UI/UX
• clean commit history (trein/dev-best-practices/wiki/Git-Commit-Best-Practices)

Submission

Please open a Pull/Merge request to this repository with everything you have prepared. If used, include references for used libraries, frameworks, or code snippets.

References

VueJS : https://vuejs.org/v2/guide/

vue cli : https://cli.vuejs.org/guide/

axios : https://www.npmjs.com/package/axios

vue bootstrap : https://bootstrap-vue.js.org/docs

vue router : https://router.vuejs.org/guide/