https://github.com/hawkgs/angular-templates
A set of Angular templates for common web apps
https://github.com/hawkgs/angular-templates
angular
Last synced: 2 months ago
JSON representation
A set of Angular templates for common web apps
- Host: GitHub
- URL: https://github.com/hawkgs/angular-templates
- Owner: hawkgs
- Created: 2024-02-21T12:11:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-29T16:05:42.000Z (about 1 year ago)
- Last Synced: 2024-10-29T16:12:28.023Z (about 1 year ago)
- Topics: angular
- Language: TypeScript
- Homepage:
- Size: 83 MB
- Stars: 13
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- fucking-awesome-angular - angular-templates - A set of Angular templates for common web apps. (Site Templates / Free Templates)
- trackawesomelist - angular-templates (⭐10) - A set of Angular templates for common web apps. (Recently Updated / [Sep 01, 2024](/content/2024/09/01/README.md))
- awesome-angular - angular-templates - A set of Angular templates for common web apps. (Site Templates / Free Templates)
- fucking-awesome-angular - angular-templates - A set of Angular templates for common web apps. (Table of contents / Angular)
README
A set of simple Angular templates for popular and common web apps.
## Templates
- **AI Chatbot** – Simple chatbot app that supports multiple chats
- **AI Text Editor** – AI-powered editor that provides text enhancement tools and supports basic formatting
- **Dashboard** – Dashboard app with a set of configurable visualization widgets and data sources.
- **Ecommerce** – Basic Ecommerce app composed of a landing page, products list and details pages, and a cart
- **Image Gallery** – Optimized image gallery that supports image previews
- **Kanban** – Provides the well-known board UI accompanied by draggable cards
All app templates have an implemented state management and API layer, plus a mocked API for demonstration purposes.
## Run a template locally
After installing the NPM dependencies via `npm install`, you should build the shared code/library:
```shell
npm run shared:build
```
Then, you can simply choose a template that you want to run:
```shell
# Projects: ai-chatbot, ai-text-editor, dashboard, ecommerce, image-gallery, kanban
npm run
```
### AI-powered templates
Some of the templates are using Gemini Developer API, i.e. those prefixed with `ai`. By default, they rely on a mocked output. However, if you want to test them directly with the real API, you should start `api/gemini.js` (`gemini:start-api`) and update the project's `app.config.ts` accordingly (there are instructions in the code). Keep in mind that you have to set your API key as the `API_KEY` environment variable prior to that.
## License
MIT