https://github.com/dalelantowork/ionic-capacitor-web-mobile-app

Mobile App compatible with iOS, Android and Web using Ionic in React JS, Capacitor and TypeScript Deployed in Netlify
https://github.com/dalelantowork/ionic-capacitor-web-mobile-app

capacitor ionic ionic6 reactjs typescript

Last synced: about 2 months ago
JSON representation

Mobile App compatible with iOS, Android and Web using Ionic in React JS, Capacitor and TypeScript Deployed in Netlify

• Host: GitHub
• URL: https://github.com/dalelantowork/ionic-capacitor-web-mobile-app
• Owner: dalelantowork
• Created: 2023-11-22T11:25:38.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-22T11:51:02.000Z (over 2 years ago)
• Last Synced: 2025-02-25T23:41:22.617Z (over 1 year ago)
• Topics: capacitor, ionic, ionic6, reactjs, typescript
• Language: TypeScript
• Homepage: https://dalelanto-ionic-capacitor.netlify.app/
• Size: 7.71 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Ionic Capacitor Web & Mobile App

- This is an app compatible both for mobile and web but more optimized in mobile(iOs,Android) created using React JS, Ionic, Typescript, Capacitor, Swiper, PWA

- to install please do read notes in https://github.com/dalelantowork/ionic-capacitor-web-mobile-app/blob/main/znotes.md

### App in iOS and Web

![App](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/App.png)

### Intros after clicking the app

![Intro1](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/Intro1.png)

![Intro2](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/Intro2.png)

![Intro3](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/Intro3.png)

### Intros after clicking the app

![Intro1](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/Intro1.png)

![Intro2](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/Intro2.png)

![Intro3](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/Intro3.png)

### Login

![Login](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/Login.png)

### Create Account

![CreateAccount](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/CreateAccount.png)

### Login

![Login](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/Login.png)

### Loading Login

![LogIn](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/LogginIn.png)

### List

![List](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/List.png)

### List Details

![ListDetails](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/ListDetails.png)

### List Calendar

![ListCalendar](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/ListCalendar.png)

### Card Modal

![CardModal](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/CardModal.png)

### Menu

![Menu](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/Menu.png)

### Settings Camera

![SettingsCamera](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/SettingsCamera.png)

### Settings Camera Upload Photo iOS

![SettingsCameraiOS](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/SettingsCameraiOS.png)

### Settings Camera Upload Photo Web

![SettingsCameraWeb](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/SettingsCameraWeb.png)

### Settings Tab 2 Animation

![Animation](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/SettingsAnimated.png)

### Settings Camera Working

![SettingsCameraWorking](https://raw.githubusercontent.com/dalelantowork/ionic-capacitor-web-mobile-app/main/public/images/SettingsCameraWorking.png)