angular-w-tailwind Tailwind Templates

Angular W Tailwind

A sample app to study styles using Tailwind and DaisyUI

AngularWTailwind

šŸ‘‹ Hi, I’m syrenly and welcome to angular-w-tailwind repo!

This is a sample app that uses Tailwind 3 and DaisyUI 4 frameworks.

This project was generated with Angular CLI version 17 and upgraded to version 18.

āš—ļø Unit tests implemented.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Last code coverage

Run npm run test:coverage to get stats about the code coverage. Current:

=============================== Coverage summary ===============================
Statements   : 100% ( 29/29 )
Branches     : 100% ( 4/4 )
Functions    : 100% ( 5/5 )
Lines        : 100% ( 25/25 )
================================================================================

Lint

Run ng lint to run the Angular lint.

Run npm run eslint to run the ES lint.

Run npm run eslint:fix to run the ES lint and apply fixes.

Docker

Install docker in your machine. From the root folder of this application, run

docker build -t angular-w-tailwind:latest .

It will need a couple of minutes to set up the container the first time. The following runs will be faster.

Run docker-compose up

Branches

  • ng-17 Implementation with Angular 17

Top categories

Loading Svelte Themes