https://github.com/alvarosabu/foodie-app-tutorial
Easy food app using Ionic + Vue + TailwindCSS
https://github.com/alvarosabu/foodie-app-tutorial
Last synced: 22 days ago
JSON representation
Easy food app using Ionic + Vue + TailwindCSS
- Host: GitHub
- URL: https://github.com/alvarosabu/foodie-app-tutorial
- Owner: alvarosabu
- Created: 2021-02-01T11:49:56.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-02-04T18:13:38.000Z (over 4 years ago)
- Last Synced: 2025-04-06T19:32:52.083Z (6 months ago)
- Language: CSS
- Size: 2.76 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Foodie App Tutorial
> This is the repo holding the code used in the **Series: Building a mobile App with Ionic Vue + TailwindCSS** for [youtube] and [dev.to]
## Installation
```bash
npm install
```
or
```bash
yarn
```
## Development
To run the project on the browser just use the command
```bash
ionic serve
```
## Build
Complete a fresh build of the Ionic project by running
```bash
ionic build
```
## Capacitor setup
```bash
ionic cap add ios
ionic cap add android
```
## Build android apk
Capacitor Android apps are configured and managed through Android Studio. Before running this app on an Android device, there's a couple of steps to complete.
First, run the Capacitor open command, which opens the native Android project in Android Studio:
```bash
ionic cap open android
```
## Build iOS apk
To build an iOS app, you’ll need a Mac computer.
Capacitor iOS apps are configured and managed through Xcode (Apple’s iOS/Mac IDE), with dependencies managed by CocoaPods. Before running this app on an iOS device, there's a couple of steps to complete.
First, run the Capacitor open command, which opens the native iOS project in Xcode:
```bash
ionic cap open ios
```
## Livereload on external devices
```bash
ionic cap run ios -l --external
ionic cap run android -l --external
```