AngularAdmin dashboard

todoapp-ng — Angular Admin dashboard Template

By aliabidzaidi

An Angular todo app built on the Nebular and ngx-admin template, offering light and dark themes, with data from a companion Python API.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Angular app built on the Nebular component library and the ngx-admin dashboard template

02

Two switchable visual themes: light and dark

03

Includes a UI for adding todo items

04

Data depends on a companion Python API project

05

README provides build and deployment commands for Firebase Hosting

06

Repository is under the MIT license, allowing modification and commercial use

Template Details

This is an Angular todo application whose interface is built on the Nebular component library and the ngx-admin dashboard template, giving it the look of an admin dashboard-style data interface. The project provides two visual themes, Default (light) and Dark, and includes a UI for adding todo items.

On the data side, the README states that the project consumes a companion Python API (pythontodoapi) to fetch data, meaning the frontend itself contains no data storage logic; the API service must be prepared and configured separately before running. The README also mentions Firebase integration and gives the deployment commands ng build --prod and firebase deploy --only hosting; related dynamic features require you to configure Firebase yourself and to check quotas and charges.

The repository is under the MIT license, so this version of the code may be used, modified, used commercially, and distributed free of charge, provided the copyright notice and the full license notice are retained when distributing. Third-party assets such as demo images, fonts, and icons in the README must be checked separately under their own licenses.

AngularAdmin dashboard

Is it right for your project?

Use Cases

  • You need an Angular admin-style todo interface as a starting point
  • You want to see how Nebular and ngx-admin are used in practice for a data interface
  • You need a todo management interface with light and dark themes
  • You plan to deploy the frontend to Firebase Hosting and connect your own backend API

Suitable For

  • Developers familiar with Angular who want to adapt an existing admin template
  • Teams that need a sample project for the Nebular component library
  • Users who intend to build or connect their own Python Todo API
  • Projects that need frontend code under the MIT license that can be modified and used commercially

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Before running, you must prepare and configure the companion Python API (pythontodoapi); the frontend itself contains no data storage

  2. 2

    The README mentions Firebase integration; before enabling related features, configure it yourself and check Firebase quotas and charges

  3. 3

    The deployment method given in the README is ng build --prod followed by firebase deploy --only hosting

  4. 4

    Third-party assets such as demo images, fonts, and icons must be checked under their own licenses; the code's MIT license alone is not sufficient

  5. 5

    When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope applies to this version of the code, not to external services or third-party assets.

Must comply with when using

  • This version of the code may be used, modified, used commercially, and distributed free of charge.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The frontend itself contains no data storage; before running, you must separately deploy and configure the companion Python API (pythontodoapi) service, otherwise data cannot be fetched.
  • The deployment method given in the README relies on Firebase Hosting; before enabling it, you must register a Firebase account yourself and check the relevant quotas and charges.
  • The README mentions Firebase integration; before enabling related dynamic features, configure it yourself and check Firebase quotas and charges.
  • Demo images, fonts, icons, and other third-party assets must be checked under their own licenses; the code's MIT license alone is not sufficient.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

This project consumes Python [API](https://github.com/aliabidzaidi/pythontodoapi) for data

Original README

#### Deploy on firebase ng build --prod firebase deploy --only hosting:utitlity-todo

Original README
https://github.com/aliabidzaidi/todoapp-ng/blob/master/LICENSEhttps://github.com/aliabidzaidi/todoapp-ng/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 68 / 100
Technologies
Angular
Website type
Admin dashboard
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2023-07-12
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Angular as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: affce4ac18b793d9d63dc10bc6e4606e9879dea8f5f8a4374f03ce070818712d

2026-10-02T11:05:00.265Z

Source file / repository
# Todo Application Using Angular & Nebular
<p align="center">
  <a href="https://todoapp-ng.vercel.app/pages/dashboard">
    <img align="center" src="src/assets/screenshots/todo-app.gif" height="400px">
  </a>
</p>


This project consumes Python [API](https://github.com/aliabidzaidi/pythontodoapi) for data

### With 2 visual themes

#### Default

![Light theme screenshot](src/assets/screenshots/default.PNG)

#### Dark

![Dark theme screenshot](src/assets/screenshots/dark.PNG)

#### Add a Todo

![Add Todo](src/assets/screenshots/dark-add.PNG)

## Documentation

This project is using [Nebular](https://github.com/akveo/nebular) modules set, [here you can find documentation and other useful articles](https://akveo.github.io/nebular/docs/guides/install-based-on-starter-kit).

#### Deploy on firebase

ng build --prod
firebase deploy --only hosting:utitlity-todo
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

ngx-admin

ngx-admin

ngx-admin is an Angular admin dashboard template maintained by Akveo, built on the Nebular component library and released under the MIT license.

Angular · Admin dashboard

material-angular-dashboard

material-angular-dashboard

A dark-themed Angular admin template following Google Material Design, with dashboard pages, D3/NVD3 charts, ag-Grid tables, and a Sass/BEM theme. Released under the MIT license, it offers starter-kit, feature/backend, and feature/serverless branches.

Angular · Admin dashboard

ng-devui-admin

ng-devui-admin

A customizable mid-to-back-office admin template built with Angular and DevUI, featuring configurable layouts, multi-theme switching, internationalization, and local mock data debugging.

Angular · Admin dashboard

angular-material-template

angular-material-template

A responsive Angular Material admin template with authentication, sidebar dashboard, account area, role guards, JWT interceptor, and lazy-loaded modules, under the MIT license.

Angular · Admin dashboard

lightning-admin-angular

lightning-admin-angular

A mobile-first responsive admin template built with Angular and Bootstrap, offering data interface layouts such as dashboards.

Angular · Admin dashboard

StarAdmin-Free-Angular-Admin-Template

StarAdmin-Free-Angular-Admin-Template

A free admin template based on Angular 7 and Bootstrap 4, maintained by BootstrapDash.

Angular · Admin dashboard