:zap: Angular Tailwind Akita

• Angular app using Akita State Management & Tailwindcss components to display API data
• Note: to open web links in a new window use: ctrl+click on link

:page_facing_up: Table of contents

• :zap: Angular Tailwind Akita
  • :page_facing_up: Table of contents
  • :books: General info
  • :camera: Screenshots
  • :signal_strength: Technologies
  • :floppy_disk: Setup
  • :wrench: Testing
  • :computer: Code Examples
  • :cool: Features
  • :clipboard: Status & To-Do List
  • :clap: Inspiration
  • :file_folder: License
  • :envelope: Contact

:books: General info

• API data displayed in a responsive grid of cards styled with Tailwind. Clicking on a card toggles a modal to open/close with the full API post data
• Angular 12+ has built-in Tailwind support
• To build for production Tailwind’s purge option is used to tree-shake unused styles and optimize final build size.
• Free svg site for svgs
• The structuredClone() method creates a deep clone (any changes to it will not affect the original and vice versa) of a value

:camera: Screenshots

:signal_strength: Technologies

• Angular framework v16
• Akita State Management for JS v8.
• Reactive Extensions Library for Javascript rxjs v7
• Tailwindcss v3 CSS framework

:floppy_disk: Setup

• Run npm i to install dependencies.
• Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
• Run npm run build for a production build with css purging.
• The build artifacts will be stored in the dist/angular-tailwind-akita directory.

:wrench: Testing

• no testing set up

:computer: Code Examples

• tba

tba

:cool: Features

• tba

:clipboard: Status & To-Do List

• Status: Working, 3 type errors.
• To-Do: Fix type errors, Add styling

:clap: Inspiration

• Akita docs
• Comment résoudre le problème "Object is of type 'unknown" en TypeScript ?

:file_folder: License

• This project is licensed under the terms of the MIT license.

:envelope: Contact

• Repo created by ABateman, email: [email protected]