1 00:00:00,460 --> 00:00:01,260 In this course, 2 00:00:01,260 --> 00:00:05,410 we'll create a time tracker to keep track of the time spent on projects. 3 00:00:05,410 --> 00:00:08,300 These projects could be personal projects like you're learning or 4 00:00:08,300 --> 00:00:12,640 doing here at Tree House, business projects that you're getting paid for, or 5 00:00:12,640 --> 00:00:17,280 charity projects where you're volunteering your time to build your portfolio. 6 00:00:17,280 --> 00:00:19,790 But no matter which type of project you're working on, 7 00:00:19,790 --> 00:00:23,060 it can be helpful to keep track of the time you're spending. 8 00:00:23,060 --> 00:00:24,790 Let's take a look at the finished application. 9 00:00:26,160 --> 00:00:31,300 The home page of our Time Tracker app gives us three options, Add Task, 10 00:00:31,300 --> 00:00:33,030 Add Project, and View Report. 11 00:00:34,270 --> 00:00:36,100 When we click Add Task, 12 00:00:36,100 --> 00:00:39,370 we're taken to a form where we must fill out all the required information. 13 00:00:40,430 --> 00:00:43,303 The projects are populated in a drop-down, and 14 00:00:43,303 --> 00:00:46,182 our date field requires a valid date and format. 15 00:00:53,111 --> 00:00:57,987 Once our time is added were taken to a task list page where we can add a new 16 00:00:57,987 --> 00:01:03,440 task, select a task to edit, Or delete a task. 17 00:01:06,044 --> 00:01:08,843 We can also access this page through the navigation 18 00:01:08,843 --> 00:01:10,610 at the top by clicking on Tasks. 19 00:01:11,920 --> 00:01:16,420 When we click Projects in the navigation, were taken to a project list page 20 00:01:16,420 --> 00:01:21,380 where we can add a new project, choose a project to edit, or delete a project. 21 00:01:21,380 --> 00:01:22,954 When we choose Add Project, 22 00:01:22,954 --> 00:01:27,225 were taken to a project page where we must fill out the required information. 23 00:01:30,071 --> 00:01:32,830 Finally, in the navigation, we have Reports. 24 00:01:33,920 --> 00:01:38,266 This takes us to a page that gives us a report for our time and allows us to 25 00:01:38,266 --> 00:01:43,368 choose different filters for the report based on Category, Project, and Date. 26 00:01:47,131 --> 00:01:49,044 This is a fairly basic application and 27 00:01:49,044 --> 00:01:53,166 there are many more features that you can add, but you can start using it right away 28 00:01:53,166 --> 00:01:57,270 to track the time that you're spending learning to program. 29 00:01:57,270 --> 00:02:01,350 As you use the application, you'll think of more features that you'd like to have. 30 00:02:01,350 --> 00:02:04,060 Adding those features is a great way to learn. 31 00:02:04,060 --> 00:02:05,270 To give you a head start, 32 00:02:05,270 --> 00:02:09,600 I've provided the shell of the project including CSS styles and forms. 33 00:02:09,600 --> 00:02:13,480 I've also included a SQLite database with all the tables and 34 00:02:13,480 --> 00:02:16,990 fields that you'll need, as well as some initial test data. 35 00:02:16,990 --> 00:02:19,390 So let's get started connecting all those pieces together.