Skip to content

Latest commit

 

History

History
85 lines (52 loc) · 2.04 KB

README.md

File metadata and controls

85 lines (52 loc) · 2.04 KB

Film Demo Web app

A film directory sample web app developped with an Angular 4 and SpringBoot

screenshot home

Stack

  • Angular 4 / Angular Material
  • Spring Data Rest / Spring security
  • MySQL

You will need

  • Java 8+
  • Node 8+
  • Mysql 5+
  • Maven 3+

Fetch project

Clone project repository

git clone https://github.com/thierryruiz/filmdemo.git

Setup and run backend

You need a Mysql 5+ instance running on your network or local host

  • Create a "filmdb" database,
  • Edit database connection settings in film/src/main/resources/aplications.properties
cd film
mvn clean install

And run the backend

 mvn spring-boot:run

Setup and run front-end

cd film-front
npm i
ng serve

And then open your browser to localhost:4200

Limitations

No Unitary tests. NgRx state management not used. Tested only on Chrome.

Dev stack

The project is aim to showcase a sample CRUD web application using Angular 4/5 and Spring Data Rest. It's a film directory database listing films actors and directors.

A simple data model is setup with Film, Actor and Director tables with many-to-many relationships between Film/Actor and Film/Director.

Schema database

A REST API is generated with Spring Data Rest (in Hateos format).

A JWT token based authentication based on Spring Security is in place to secure POST/PUT/DELETE REST requests. Only GET and OPTIONS requests are available without authentication.

The front end is based on Angular 4 and uses Angular Material components.

Sceenshots

screenshot film screenshot film edit screenshot film edit