Simple CRUD UI

• About
  • Screenshots
• Getting Started
  • Prerequisites
  • Installation
• Usage
• To Do

About

A simple CRUD UI made with Angular 11

Screenshots

Basic view Advanced view

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

• npm
• Angular & Angular CLI

Installation

0. Follow instructions from simple-crud-api repository to install & run the API
1. Clone the repository

   git clone https://github.com/NickDeWyngaert/simple-crud-ui.git

2. Change directory

   cd simple-crud-ui

3. Install dependencies

   npm install

4. Run (Default endpoint is localhost:4200)

   ng serve -o

Usage

• This applications contains the user interface for an existing API
• This UI needs the API to work perfectly
• The API is located at simple-crud-api

To Do

• General
  • Unnecessary reload after reload or CRUD operations
    • Reload icon in toolbar reloads the page when it should only call the setMovies functions
    • After create, delete or update do not reload all movies (to avoid the wierd reload) but create, delete or update the local list
• Basic view
  • Dynamic width and height for each movie item (movie img)
• Advanced view
  • Better datatable (with search, filtering, sorting, ...)
  • More UI friendly expanded movie detail