⚡ 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

📄 Table of contents

• ⚡ Angular Tailwind Akita
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 🔧 Testing
  • 💻 Code Examples
  • 🆒 Features
  • 📋 Status & To-Do List
  • 👏 Inspiration
  • 📁 License
  • ✉️ Contact

📚 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

📷 Screenshots

📶 Technologies

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

💾 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.

🔧 Testing

• no testing set up

💻 Code Examples

• tba

tba

🆒 Features

• tba

📋 Status & To-Do List

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

👏 Inspiration

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

📁 License

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

✉️ Contact

• Repo created by ABateman, email: gomezbateman@yahoo.com