Overview • Key Features • How To Use • Tech Stack • Acknowledgements
Welcome to my Ionic Task App project repository! This project was built using the Angular frontend with a .Net REST API backend. While building the API, I used Swagger to test CRUD operations with data storage in DB Browser for SQLite. Mobile testing and development used the Android Studio. Feel free to explore the code, contribute, and make this project even better.
- Task list home page with segregation by Incomplete and Complete tasks
- Dialog prompt boxes to create tasks
- Slider components for deleting tasks
- Automatic refreshing after user feature selection
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer.
From your command line: create a project directory on your local computer where you want to save the the app files then run steps below
# Clone this repository in newly created project directory
$ git clone https://github.com/ezellerBST/ionic-task-app.git
# Go into the repository
$ cd ionic-task-app/task-client
# Install dependencies
$ npm install
# Run the frontend portion of app
$ npm start
#Open a separate terminal/command line and navigate to newly created project directory for backend
$ cd ionic-task-app/task-api
#Build and run app with .NET
$ dotnet build
$ dotnet run
#Refresh your http://localhost:4200/home web browserIf you want to run the Android Studio simulator for testing on mobile devices, then download the studio from the developer website first. Close down your app if it is still running from previous steps above. In your terminal/command line navigate back to the ionic-task-app/task-client then
#Build ionic app
$ ionic build
#Use capacitor to build an Android version of the app
$ ionic capacitor add androidOpen Android Studio and open the android folder that was generated by Capacitor. If this is your first time using Android Studio, then you will need to install a Device Emulator before running the application.
- Bethel School of Technology
- John Pu'e