angular-dashboard-seed

Angular dashboard sample application with nodejs REST backend integration built using latest angular best practices.

This seed is a sort of free version of a template that may be found here or here with working backend integration. You may use it to bootstrap the development of your next web app. Ok, so basically, this project is a hack ;)

Check out the Live Demo. Use following credentials: user1/user1pass.

Features

• AngularJS
• Angular UI Router
• Bootstrap3
• Nodejs backend inegration
• Sass styles
• Gulp build
• Stylish, clean, responsive layout
• Lots of utility css classes for rapid development (flatlogic css set)
• Authentication and authorization
• CRUD operations examples
• Browsersync for the ease of development
• Toastr notifications

Setup

Required tools

• Node.js 22.13 or later and npm
• Bower
• Chrome or Chromium for the browser unit tests (set CHROME_BIN if needed)

Gulp 5 and Dart Sass are installed locally by npm; Ruby Sass and node-sass are no longer required.

Installation

git clone https://github.com/flatlogic/angular-dashboard-seed.git
cd angular-dashboard-seed
npm ci
npm run install:client
npm run build
npm start

Open http://localhost:4300 and log in with user1 / user1pass. For development with file watching, run npx gulp serve and open http://localhost:3000.

Always build before starting the server: it serves dist/, and the historical committed dist/ files are not regenerated by this dependency update. npm run install:client explicitly installs the existing Bower packages; it no longer runs automatically during a server dependency installation. An API-only installation can use npm ci --omit=dev; serving the browser app still requires a separately built dist/.

Verification

npm test                 # HTTP login/logout, session rotation, parser limits and error handling
npm run test:client      # AngularJS unit tests in ChromeHeadless
npm run build
npm run test:build       # Template-cache URLs and generated asset references
npm run test:e2e         # Built app login, navigation and logout in local Chrome
npm run lint            # ESLint checks for browser source files
npm audit               # Runtime and development dependencies

Security dependency update (2026-10-29)

The backend uses Express 4.22.3, body-parser 1.20.9 and Passport 0.7.0. Logout waits for Passport's asynchronous callback and forwards session-store errors. HTTP regression tests verify that cookies from before login and before logout no longer grant access. Unused express-validator and method-override dependencies were removed, along with their vulnerable transitive packages.

Sources: Express 4.22.3 release, body-parser 1.20.9 security advisory, Passport migration notes, Gulp task composition, gulp-sass compiler setup.

Verified with Node.js 22.23.0 and npm 10.9.8: clean npm ci, Bower installation, Gulp build, ESLint, 4 HTTP tests, 2 browser unit tests, 6 build checks and a Playwright end-to-end test in local Chrome. Run npm run build before the build and end-to-end tests.

At verification time, the full npm audit reported 0 vulnerabilities, including development dependencies. Gulp and its plugins were updated, JSCS/JSHint were replaced with ESLint, and the broken Protractor example was replaced with a real Playwright test. Angular dependency annotation now uses ng-annotate-patched directly, avoiding the vulnerable old Gulp wrapper. Gulp's deploy task uses gh-pages; running it builds and publishes dist/ to the remote gh-pages branch.

The obsolete binary image optimizers were removed. The build copies image assets unchanged, without optimization; fonts and other binary assets are also preserved byte for byte. Optimize images separately before adding them to the application. The npm graph still contains deprecated AngularJS-era tooling; a clean audit describes known advisories at verification time and does not imply ongoing support for those packages.

This remains a demonstration application with hardcoded sample users, plaintext in-memory passwords, a public demo session secret and Express MemoryStore. Dependency updates do not make that authentication setup suitable for production. AngularJS 1.3, jQuery 2 and Bootstrap 3 remain unchanged and outside npm's audit coverage. Dart Sass emits deprecation warnings for the existing Bootstrap/Sass sources.

Project structure

Project structure based on this yeoman generator. If you have any questions about the build or project structure please check out their documentation.

Support

For any additional information please refer to Flatlogic homepage.

Community

• Tweet about it to support revolution in classic paid templates market.
• Follow @flatlogicinc on Twitter.
• Subscribe to Flatlogic newsletter at flatlogic.com
• Let's discuss:

License

MIT, hell yeah.