The completed Codelab for GDG Central Florida - Ionic/Capacitor wizardry with Angular

Overview

GDG Central Florida - Ionic/Capacitor wizardry with Angular

This is the completed code for Building an Ionic Application with Angular

The App

It is a Photo Gallery app that allows you to take photos from your device’s camera and display them in a grid and store them in your device.

Extra that was added

The references resources were added to Tab 1 (Tab 1 was renamed Resources).
DevFest 2022 information and registration link were also added to the tab Resources.
Example of the ionic chip component alerting you to add photos to the Gallery.
Tab 3 was renamed Host.
The Host tab has my social link information and a link to the presentation slides

How to run the project

Run npm install from the project root.
Run ionic serve in a terminal from the project root.

How to Contribute

Pull requests are welcome. Please open an issue. For more info see the CONTRIBUTING.

Deploying

Progressive Web App

In the root of this project you will find the www folder that you can deploy to a hosting service

iOS

In the root of this project you will find the ios folder. This is the standalone project that can be edited with Xcode in your Mac computer.
Run ionic cap open ios in your terminal to open the project in Xcode.

Android

In the root of this project you will find the android folder. You will find it in the apk folder in the root of this project. This is the standalone project that can be edited with Android Studio in your computer.
Run ionic cap open android in your terminal to open the project in Android Studio.

APK

I included an APK of the project that can run on a mobile device. To run the apk in your mobile device you will need to download it directly in to your mobile device.

Allow Chrome to install unknown apps by going to Settings > Apps > Menu > Special access > Install unknown apps.
Download an APK file and open it to install it. Alternatively, transfer the APK Installer from your computer using USB.

Reference

Comments

feat(android-native): :sparkles: add android native permissions &

delete action sheet

Added permissions to the Android native device to access device storage. I added a delete action sheet with a called to delete method in the photo.service

opened by JavaVista 0
Hacktoberfest contributions
Hi,

This project is open to Hacktoberfest contribution.

Ideas

Add a new Ionic component

Improve any existing component

What about improving the instructions in the README?

Please open an issue. For more info see the CONTRIBUTING.
hacktoberfest-accepted
opened by JavaVista 0

A daily activity tracking application that helps to organize your daily tasks and keep track of tasks that have been completed, or yet to be completed.

To-Do-List This is my To-Do List project in the Microverse curriculum. Built With HTML CSS Javascript (Webpack) GitHub Live Demo Live Demo Link Gettin

May 7, 2022

This is a simple web application of a To-do List in which you can add, remove and edit all your tasks and also you can mark each task as completed and delete all completed ones.

To-Do List A simple web application of a to do list Built With HTML, CSS, JS, ES6 & Webpack Getting Started In this repository I created To-Do List SP

Apr 11, 2022

The project focused on creating To do list structure for organising the daily completed or non-completed activities.

Project to build a simple HTML list of To Do tasks. The list will be styled according to the specifications given by Microverse This simple web page will be built using webpack and served by a webpack dev server.

May 20, 2022

Microverse Module 02 Project: This is an educational project to make a TodoList web application, where the users can add new todo, remove todo, edit todo, mark todo as completed, and remove all completed todo. Built with Webpack

todo-list This project is about building a list of To Do tasks. Where you can save your daily activities and help in daily evaluation. Live demo you v

Jan 3, 2023

A to-do list Web application that lets the user add, remove and reorder to do lists and checks a task when completed with a button to delete all completed task

TO DO LISTS A Web application that lets the user add, remove and reorder to do lists Built With Html,JS,CSS Webpack and other dependencies Git, Github

Nov 1, 2022

A single-page application that allow users to add their To Do items. The items could be checked as completed and the completed task can be removed. Built with JavaScript, HTML and CSS

To Do list Application This is a single page application that allows users to keep track of their tasks. Users can add the task and also check the che

Oct 14, 2022

A template project for NRWL's NX, Ionic Framework, Stylelint, Eslint, and more from the OpenForge mobile app team.

OpenForge Ionic Monorepo Example This is a template project for all Ionic + Angular Monorepos. It was generated using a combination of Nx, Ionic Thank

Oct 26, 2022

Airtable for TypeScript and JavaScript (ES7, ES6, ES5). Supports Airtable database. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.

TypeAirtable is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be

Sep 11, 2022

Firebase Storage with Angular 14 example: Upload File, Retrieve, Display, Download Url & Delete using @angular/fire AngularFireStorage

Angular 14 File Upload to Firebase Storage example I will show you how to make Angular 14 Firebase Storage: File Upload/Display/Delete Application usi

Sep 7, 2022

The completed Codelab for GDG Central Florida - Ionic/Capacitor wizardry with Angular

Related tags

Overview

GDG Central Florida - Ionic/Capacitor wizardry with Angular

The App

Extra that was added

How to run the project

How to Contribute

Deploying

Progressive Web App

iOS

Android

APK

Reference

You might also like...

A daily activity tracking application that helps to organize your daily tasks and keep track of tasks that have been completed, or yet to be completed.

This is a simple web application of a To-do List in which you can add, remove and edit all your tasks and also you can mark each task as completed and delete all completed ones.

The project focused on creating To do list structure for organising the daily completed or non-completed activities.

Microverse Module 02 Project: This is an educational project to make a TodoList web application, where the users can add new todo, remove todo, edit todo, mark todo as completed, and remove all completed todo. Built with Webpack

A to-do list Web application that lets the user add, remove and reorder to do lists and checks a task when completed with a button to delete all completed task

A single-page application that allow users to add their To Do items. The items could be checked as completed and the completed task can be removed. Built with JavaScript, HTML and CSS

A template project for NRWL's NX, Ionic Framework, Stylelint, Eslint, and more from the OpenForge mobile app team.

Airtable for TypeScript and JavaScript (ES7, ES6, ES5). Supports Airtable database. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.

Firebase Storage with Angular 14 example: Upload File, Retrieve, Display, Download Url & Delete using @angular/fire AngularFireStorage

Comments

feat(android-native): :sparkles: add android native permissions &

Hacktoberfest contributions

Ideas

Owner

Javier "Javi" Carrion

A simple to-do list application that helps to organize your daily tasks and keep track of the task you have completed and the task you are yet to have completed, and also deleting the completed task leaving those yet to be completed.

Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Kurs-repo för kursen Webbserver och Databaser

An example of Lit web component built with vite for use in capacitor.

A template application for setting up a mobile app video game with IONIC, PHASER, ANGULAR and a Monorepo strategy

Central service used for management of CodeSupport user generated content.

Built for fun and game activities! you can submit scores of players, create a new game, and refresh to see who is on top of the leaderboard. It was built with JavaScript, HTML, and CSS. Thanks to the central LeaderBoard API service all data is preserved

A to do list where you can add tasks, mark completed tasks and clear all completed tasks.

This is a To-Do List. It shows a minimalist design with the next features: Add new tasks, edit tasks, markup completed tasks, and erase all completed tasks. Built with JavaScript.