spa-jwt-authentication-tutorial - Add authentication to a vanilla js single page app

  •        6

In this demo we'll show step by step how to add Authentication to your SPA with an API that uses JWTs. This application has a VanillaJS SPA and a NodeJS backend.

https://github.com/auth0/spa-jwt-authentication

Dependencies:

bootstrap : ^3.3.0
jquery : ^2.1.1
jwt-decode : ^1.0.0
page : ^1.3.7
ripplejs : ^0.5.3
ripplejs-events : ^0.1.2

Tags
Implementation
License
Platform

   




Related Projects

scalajs-spa-tutorial - Tutorial for creating a simple Single Page Application in ScalaJS

  •    Scala

Tutorial for creating a simple (but potentially complex!) Single Page Application with Scala.js and Play. The code covers typical aspects of building a SPA using Scala.js but it doesn't try to be an all-encompassing example for all the things possible with Scala.js. Before going through this tutorial, it would be helpful if you already know the basics of Scala.js and have read through the official Scala.js tutorial and the great e-book Hands-on Scala.js by Li Haoyi (@lihaoyi).

auth0-angular-samples - Auth0 Integration Samples for Angular 2+ Applications

  •    TypeScript

These samples demonstrate how to add authentication to an Angular application with Auth0. Each folder contains a distinct application so that various Auth0 features can be viewed in isolation. You can read about these examples in our Angular Quickstart. These samples use Auth0's universal login page which offers the fastest, most secure, and most feature-rich way to add authentication to your app.

auth0-react-samples - Auth0 Integration Samples for React Applications

  •    Javascript

These samples demonstrate how to add authentication to a React application with Auth0. Each folder contains a distinct application so that various Auth0 features can be viewed in isolation. You can read about these examples in our React Quickstart. These samples use Auth0's Universal Login which offers the fastest, most secure, and most feature-rich way to add authentication to your app.

single-spa - The javascript metaframework

  •    Javascript

You can find the single-spa documentation on the website. Check out the Getting Started page for a quick overview.

spa-starter-kit - A highly opinionated starter kit for building Single Page Applications with Laravel and Vue

  •    PHP

A highly opinionated Single Page Application starter kit built on top of Vue.js and Laravel. This package contains two separate projects to act as a starting point for a Single Page Application: a Vue.js project (created with vue-cli + webpack template) and a Laravel 5.3 project.


socketio-jwt - Authenticate socket.io incoming connections with JWTs

  •    Javascript

Authenticate socket.io incoming connections with JWTs. This is useful if you are build a single page application and you are not using cookies as explained in this blog post: Cookies vs Tokens. Getting auth right with Angular.JS. This repo is supported and maintained by Community Developers, not Auth0. For more information about different support levels check https://auth0.com/docs/support/matrix .

asm-dom - A minimal WebAssembly virtual DOM to build C++ SPA (Single page applications)

  •    C++

asm-dom is a minimal WebAssembly virtual DOM to build C++ SPA (Single page applications). You can write an entire SPA in C++ and compile it to WebAssembly (or asmjs as fallback) using Emscripten, asm-dom will call DOM APIs for you. This will produce an app that aims to execute at native speed by taking advantage of common hardware capabilities, also, you can use your C/C++ code without any change, you haven't to create a binding layer to use it (as we have to do if we want to use a C++ lib from JS). Basically we are creating an app in C++ that call javascript if needed instead of the opposite. You can write only once in C++ and share as much code as possible with desktop/mobile apps and web site. If you want to learn more about performance, please see this. asm-dom is a low-level virtual DOM library. It is unopinionated with regards to how you should structure your application.

connect-history-api-fallback - Fallback to index

  •    Javascript

Middleware to proxy requests through a specified index page, useful for Single Page Applications that utilise the HTML5 History API. Single Page Applications (SPA) typically only utilise one index file that is accessible by web browsers: usually index.html. Navigation in the application is then commonly handled using JavaScript with the help of the HTML5 History API. This results in issues when the user hits the refresh button or is directly accessing a page other than the landing page, e.g. /help or /help/online as the web server bypasses the index file to locate the file at this location. As your application is a SPA, the web server will fail trying to retrieve the file and return a 404 - Not Found message to the user.

tut-spring-security-and-angular-js - Spring Security and Angular:: A tutorial on how to use Spring Security with a single page application with various backend architectures, ranging from a simple single server to an API gateway with OAuth2 authentication

  •    TypeScript

Spring Security and Angular:: A tutorial on how to use Spring Security with a single page application with various backend architectures, ranging from a simple single server to an API gateway with OAuth2 authentication.

vue-2-boilerplate - Vue 2 boilerplate for developing medium to large single page applications.

  •    Javascript

But yeah, this will basically do the same as npm install. If even this is too much of a deal, try creating an alias and bind npm install && npm run serve to npmis. In the root of the boilerplate is a predefined environment file. Copy the file and name it .env or a configuration specific file like .env.dev. For more information, visit the docs.

HotTowel-Angular - HotTowel with Angular (for NuGet)

  •    Javascript

Hot Towel Angular creates a great starting point for building a Single Page Application (SPA). Out of the box it provides a modular structure for your code, view navigation, data binding, separation of services, and simple but elegant styling. Hot Towel provides everything you need to build a SPA, so you can focus on your app, not the plumbing.Learn more about building a SPA from John Papa's videos, tutorials and Pluralsight courses.

prerender-spa-plugin - Prerenders static HTML in a single-page application.

  •    Javascript

Flexible, framework-agnostic static site generation for sites and SPAs built with webpack. 👉 This is the stable 3.x version of prerender-spa-plugin based on puppeteer. If you're looking for the (now-deprecated) 2.x version, based on PhantomJS, take a look at the v2 branch.

aurelia - Aurelia vNext

  •    TypeScript

This is the Aurelia vNext monorepo, containing core and plugin packages, examples, and documentation for the next major version of Aurelia. To keep up to date on Aurelia, please visit and subscribe to the official blog and our email list. We also invite you to follow us on twitter. If you have questions, look around our Discourse forums, chat in our community on Gitter, or use stack overflow.

elm-spa-example - A Single Page Application written in Elm

  •    Elm

Elm codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API. This codebase was created to demonstrate a fully fledged fullstack application built with Elm including CRUD operations, authentication, routing, pagination, and more.

angularytics - The solution to tracking page views and events in a SPA with AngularJS

  •    Javascript

Angularytics is the solution to tracking PageViews and Events on your Single Page App.All analytics frameworks are based on browser refreshes to track page views. I've created this service wrapper so that we can track page views in our WebApp without a page refresh and without too much configuration.

angular - UI-Router for Angular: State-based routing for Angular (v2+)

  •    TypeScript

@uirouter/angular is a client-side Single Page Application routing framework for Angular. Routing frameworks for SPAs update the browser's URL as the user navigates through the app. Conversely, this allows changes to the browser's URL to drive navigation through the app, thus allowing the user to create a bookmark to a location deep within the SPA.

framework - The aurelia framework brings together all the required core aurelia libraries into a ready-to-go application-building platform

  •    Javascript

This library is part of the Aurelia platform and contains the aurelia framework which brings together all the required core aurelia libraries into a ready-to-go application-building platform. To keep up to date on Aurelia, please visit and subscribe to the official blog and our email list. We also invite you to follow us on twitter. If you have questions look around our Discourse forums, chat in our community on Gitter or use stack overflow. Documentation can be found in our developer hub. If you would like to have deeper insight into our development process, please install the ZenHub Chrome or Firefox Extension and visit any of our repository's boards.

backbone-express-spa - Backbone.js + Express.js single page application boilerplate

  •    Javascript

This project is supposed to be a starter kit helping the community build Single Page Application architectures based on Backbone.js and Express.js frameworks.A Pragmatic approach is key. The simplest implementation possible, just to show the way, not a finalized application. It covers aspects of front-end design, as well as open API.

backbone-express-spa - Backbone.js + Express.js single page application boilerplate

  •    Javascript

Backbone.js + Express.js single page application boilerplate





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.