This application demonstrate how to use JWT based authentication in Single Page Application.
The purpose of this Post Card Applications is to sell "proprietary" sweet flower pictures to use as post card. There are 4 flower pictures stored in the server, and to access to those pictures, users have to Register then Login
JWT token is handle in the Front End using "Angular/Service/AuthenticateService.js", and handle in the Back End using "Service/TokenServices" and [TokenAuthenticateFilterAttribute].
- AngularJS 1.x - Javascript Framework for Single Page Application
- Bootstrap3 - CSS Framework
- ui - router - Used to route pages
- ngSanitize - Sanitize module for AngularJS
- ASP.Net 4.6 Server Coding
- SQLite Database
- The Pages #/PostCard is secured in Front End and can be bypassed, but the WebAPI that actually serve pictures is secured in the Back-End via TokenFilterAttribute.
Download the whole project and then run with Visual Studio 2015