https://github.com/webcat12345/invisible-movie

Technical assignment - Invisible, Handsontable Angular integration
https://github.com/webcat12345/invisible-movie

angular crud handsontable movie-api poc typescript

Last synced: 9 days ago
JSON representation

Technical assignment - Invisible, Handsontable Angular integration

• Host: GitHub
• URL: https://github.com/webcat12345/invisible-movie
• Owner: webcat12345
• Created: 2021-11-04T15:37:59.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-08-31T05:37:21.000Z (over 2 years ago)
• Last Synced: 2024-10-12T08:29:10.454Z (2 months ago)
• Topics: angular, crud, handsontable, movie-api, poc, typescript
• Language: TypeScript
• Homepage: https://webcat12345.github.io/invisible-movie/
• Size: 209 KB
• Stars: 1
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Invisible: Angular Test Project

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.1.

## Introduction

The goal is to understand:

* Your readiness to invest your time

* How quickly you learn

* Your ability to construct and deploy an application

* Quality of your code and coding standards you adhere to

## Requirements

1. Create a simple CRUD application. You can use the back-end end-points as described in the Movie API endpoints section.

2. Implement datagrid using https://handsontable.com/ (it's a must).

3. Implement one key feature: Personalization

   As a User, I'd like to personalize the "tabular" view

   Set width of columns

   Change the sequence of columns in the data grid aka tabular view

   The changes I perform should be saved so that when I refresh the page, the view shows the changes I performed.

4. Deploy the application in any free environment of your choice, for ex. Heroku, Vercel or any other. Share the link of the deployed environment as well as the github repository through email.

## Movies API Endpoints

API URL: http://test-movies-api.vercel.app/

| Method | Endpoint | Description |

| ------ | ------ | ------ |

| GET | /api/movies | Fetch all movies. Use limit and page to restrict the number of results. By default, 100 movies are returned. |

| POST | /api/movies | Add a new movie. |

| GET | /api/movies/{movieId} | Fetch a single movie. |

| PUT | /api/movies/{movieId} | Update a movie. |

| DELETE | /api/movies/{movieId} | Remove a movie record. |

### Sample API response

GET http://test-movies-api.vercel.app/api/movies

```javascript

[

  {

    "id": 2,

    "budget": "2000000",

    "originalLang": "en",

    "originalTitle": "The Bens",

    "overview": "This is a scary movie that will get your adrenaline pumping",

    "popularity": "233.11",

    "releaseDate": "2021-10-11T10:12:58.957Z",

    "revenue": 1234677,

    "runtime": 127,

    "status": "ongoing",

    "tagline": null,

    "title": "The Bens",

    "voteAverage": 20,

    "voteCount": 5,

    "createdAt": "2021-10-12T04:26:42.248Z",

    "updatedAt": null,

    "deletedAt": null

  }

]

```