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.