Sparked

Sparked is an Angular application template built with Optimus UI. It provides a ready-to-use starting point for building admin-style applications, including:

• An application shell with a responsive sidebar, topbar, footer, and a theme configurator (light/dark mode, preset and color options)
• A dashboard page with stats, charts, and sales/notification widgets
• A landing page with hero, features, highlights, and pricing sections
• Auth pages (login, access denied, error) and a 404 page
• A CRUD sample page and a full UI kit showcase (forms, tables, lists, charts, menus, overlays, and more)

Tech stack

• Angular 21 (standalone components)
• Optimus UI component library, themes, and icons
• Tailwind CSS 4
• Chart.js for charts

Running locally

Prerequisites

• Node.js (version supported by Angular 21)
• pnpm — this project uses pnpm as its package manager

Installation

Clone the repository, then install the dependencies:

pnpm install

Development server

Start a local development server with:

pnpm start

Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

Building

To build the project for production, run:

pnpm run build

The build artifacts are stored in the dist/ directory. By default, the production build optimizes the application for performance and speed.

Running unit tests

To execute unit tests with the Karma test runner, run:

pnpm test

Formatting

To format the codebase with Prettier, run:

pnpm run format

Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

pnpm exec ng generate component component-name

For a complete list of available schematics (such as components, directives, or pipes), run:

pnpm exec ng generate --help

Additional resources

For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.