⚡ Ionic Angular Slides

• App to display an image on a simple Ionic card, using the Ionic framework with Angular.
• Tutorial code from Paul Halliday - see 👏 Inspiration below.
• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

• ⚡ Ionic Angular Slides
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 💻 Code Examples
  • 🆒 Features
  • 📋 Status & To-do list
  • 👏 Inspiration
  • 📁 License
  • ✉️ Contact

📚 General info

• Updated to the latest Angular & Ionic versions, all dependencies updated
• App creates HTML markup that can be re-used in the Vue Framework version of this app.
• Nearly identical HTML mark-up is used in a React version of this app

📷 Screenshots

📶 Technologies

• Ionic/angular v6
• Ionic v6
• Angular v15

💾 Setup

• Load dependencies using npm i,
• To start the server on localhost://8100 type: 'ionic serve'

💻 Code Examples

• Simple template html ion-card

  <ion-card>
    <img src="../../assets/mountains.jpg" />
    <ion-card-header>
      <ion-card-title>Isn't it great?</ion-card-title>
      <ion-card-subtitle>Look at this view!</ion-card-subtitle>
    </ion-card-header>
    <ion-card-content>
      Although it does look cold.
    </ion-card-content>
  </ion-card>

🆒 Features

• Responsive card with mountain view image

📋 Status & To-do list

• Status: Working.
• To-do: add functionality

👏 Inspiration

• Paul Halliday: Youtube video: Ionic 4 - Angular, React and Vue.js.

📁 License

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

✉️ Contact

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