ionic4-starter-app-tutorial - GitLite

KO | EN

gitlite — search

#react #golang #go #machine-learning #rust #linux #docker #java #windows #awesome #cli #pytorch #mcp #openai

ionic4-starter-app-tutorial

(★ 125)

Ionic 4 To Do List App. FREE Ionic 4 example app. Learn how to start using Ionic 4 to create a simple app with lists, forms and navigation.

File Explorer

Download Latest Version (.zip)

- - app.e2e-spec.ts
  - app.po.ts
- protractor.conf.js
- tsconfig.e2e.json
- - app-routing.module.ts
  - app.component.html
  - app.component.spec.ts
  - app.component.ts
  - app.module.ts
- - shapes.svg
- - environment.prod.ts
  - environment.ts
- - variables.scss
- global.scss
- index.html
- karma.conf.js
- main.ts
- polyfills.ts
- test.ts
- tsconfig.app.json
- tsconfig.spec.json
.gitignore
angular.json
ionic.config.json
LICENSE
package-lock.json
package.json
README.md
tsconfig.json
tslint.json

# Installation Guide

1. Get the code

git clone https://github.com/ionicthemes/ionic4-starter-app-tutorial

Downloads the entire project code from GitHub to your computer.

cd ionic4-starter-app-tutorial

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Ionic 4 Starter App

### About this repo
This repo is the code of an Ionic 4 starter app that we created as part of a *Getting started with Ionic 4 tutorial*. In the following tutorial your will learn the differences between Ionic 3 and Ionic 4 and all the new concepts about Ionic 4:

- [Spanish tutorial](https://medium.com/learn-ionic-framework/ionic-4-vs-ionic-3-todo-lo-que-necesitas-saber-sobre-ionic-4-5235927c6dd9)

- [English tutorial](https://ionicthemes.com/tutorials/about/ionic-4-vs-ionic-3)

Find more Ionic 4 tutorials and starter apps in https://ionicthemes.com

### Install this Ionic 4 starter app
```
npm install
```

### Browse Ionic 4 app
```
ionic serve
```
### Demo
https://www.youtube.com/watch?v=COTmXyXg5rU

### Get a premium Ionic 5 Starter App
Did you know that we recently released [Ionic 5 Full Starter App](https://ionicthemes.com/product/ionic5-full-starter-app)? It's an ionic 5 template that you can use to jump start your Ionic app development and save yourself hundreds of hours of design and development.

It is also a PWA and has a score of 100 in lighthouse. Try it on your phone as a PWA to see the magic!

It also has lots of forms and validations examples.

<img src="https://ionicthemes.s3-us-west-2.amazonaws.com/cover_images/redesign/ionic5-full-starter-app.jpg"/>