![]() We're going to start off by generating a new Ionic 2 application with the following command: ionic start permatimer blank - v2 If you want a much more detailed guide for learning Ionic 2, then take a look at Building Mobile Apps with Ionic 2. If you're not familiar with Ionic 2 already, I'd recommend reading my Ionic 2 Beginners Guide first to get up and running and understand the basic concepts. You must also already have Ionic 2 installed on your machine. Before We Get Startedīefore you go through this tutorial, you should have at least a basic understanding of Ionic 2 concepts and the differences to Ionic 1. A Guide to Styling an Ionic 2 Application.A Simple Guide to Saving Data in Ionic 2.How to Use Pipes to Manipulate Data in Ionic 2.If you would like a more in-depth explanation I already have some other tutorials out on these topics that you can check out below: I will explain these concepts briefly as we come across them in the tutorial, but I won't spend too much time walking through the specifics of the code. Adding a conditional SVG animation to currently active projects.Basic CRUD (Create, Read, Update, Delete) operations.In this tutorial, I'm going to step through building the time tracking application I built with Ionic 2, which will cover the following concepts: I will do more testing and investigate if there is room to improve UX in the application before I actually submit it to the app store, but the application as it stands now performs all of its intended functions well, and I'm happy with the design (I even managed to squeeze in time for a simple logo in that 3 hours and 57 minutes). However, it only took me a little longer to build than I probably would have spent looking around for a solution, it does no more and no less than exactly what I need, and it was a great opportunity for me to grow my skills, and hopefully teach others some things with this blog post. In a general sense, I don't think it is a good idea at all to go building your own applications instead of just downloading off the shelf ones. I've started using the application to track my project now, and so far it has been working great for me. I think I achieved my goal it was fully functional and it was finished to the point where it was ready for app store submission. It took me 3 hours and 57 minutes to complete the application from start to finish (ironically the application I was creating would've been able to track that for me). It requires a good deal of logic to track time and persist data, it uses a custom pipe to display data, it has conditional animations displayed and support for reordering projects and allows the user to correct a recorded time if they forgot to stop the timer. It's also not just a basic example application, where you can just drop a few default components into place and call it a day. I know that Ionic 2 allows me to work very efficiently, but I wanted to take that to the extreme and test it in a realistic scenario – building an application that has a set of requirements to be met, rather than one being built for demonstration purposes. I wanted a feature complete application that was ready for submission to the App Stores. ![]() I didn't want to just build the skeleton of an application or one that more-or-less-works-but-has-some-bugs, or one that worked OK but looked like I put no effort into design. Instead of finding one, I'm going to build it myself with v2, non stop, until it is done. I'm sure I could have found a suitable solution easily enough, like Hours which someone kindly suggested, but I decided to turn it into a bit of a challenge instead: I needed a simple application where I could tap a project to start timing, tap a project to stop timing, and have this persist over time. I've done several projects like this in the past, and once it is finally done someone will inevitably ask how long did it take to you? – the answer is I have no idea. It's the type of work that gets done in bits and pieces, fitting around other obligations I have, late at night and early in the morning. I'm starting a big new project that will span several months, and I want to track exactly how much time I spend working on it.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |