https://github.com/code-crash/cyphertreeassignment
Create a movies list with Kendo UI grid view and implement it's functionality.
https://github.com/code-crash/cyphertreeassignment
Last synced: 14 days ago
JSON representation
Create a movies list with Kendo UI grid view and implement it's functionality.
- Host: GitHub
- URL: https://github.com/code-crash/cyphertreeassignment
- Owner: Code-Crash
- Created: 2019-11-06T13:29:40.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-27T18:24:30.000Z (over 3 years ago)
- Last Synced: 2025-02-28T16:05:29.479Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://cyphertree-assignment.herokuapp.com
- Size: 3.34 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CyphertreeAssignment
## Future(s) Covered:
1. Integration of Kendo Grid and Other Components
2. User will able to sort the column (Added single column support, we can do multiple with 'multiple' string in template file)
3. User will able to Expand/Collapse the View.
4. After Expand, User can see the related movies (I did find the related movies based on Genre, if any on Genre is matching with any other movies, it will shown in the Child Grid)
5. On Single Click, User can see the more details of the selected Movie.
6. User can filter the data based on Title and other parameters expect Thumbnails
## Prerequisites
1. Node.js should be installed (v8.x or above)
2. Angular Cli should be installed (v7.x or above)
## Development server:
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## Used Library and Sources:
1. [angular-cli](https://cli.angular.io)
2. [kendo-angular-ui](https://www.telerik.com/kendo-angular-ui)
3. [Movies from Github](https://gist.github.com/saniyusuf/406b843afdfb9c6a86e25753fe2761f4)
## Build:
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Note:
1. We are using locally stored json data in folder data (file: movies.ts)
## Running unit tests:
* No Test Available
## Running end-to-end tests:
* No Test Available
## TODO (OR What we can do better)
1. We can add more style while showing the details for a single movie.
2. We can utilize the Scroll Component to show the Images from Movie Array.
3. We can implement a API based data loading and filtering instead of getting data from local file.
4. We can implement Excel/CSV Export/Import using Kendo UI.