⚡ Ionic React Slides

• App to display an image on a simple Ionic card, using the Ionic 5 framework with React.

📄 Table of contents

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

📚 General info

• App was created using the npm create-react-app package then the ionic dependencies were added from npm.

📷 Screenshots

📶 Technologies

• Ionic v5 framework
• React v16 library
• create-react-app v3 npm module used to create the app

💾 Setup

• Load dependencies using npm i,
• To start the server on localhost://3000 type: 'npm run start'

💻 Code Examples

• Simple ion card in html

<IonCard>
  <img
      src="https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1113&q=80"
      alt="view of mountain"/>
  <IonCardHeader>
    <IonCardTitle class="card-title">Look at this view</IonCardTitle>
    <IonCardSubtitle>Isn't it great?</IonCardSubtitle>
  </IonCardHeader>
  <IonCardContent>Although it does look cold</IonCardContent>
</IonCard>

🆒 Features

• N/A

📋 Status & To-do list

• Status: working. Updated april 2021.
• To-do: nothing

👏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