junchen.github.io/getitdone.html at master · fabiy3/junchen.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Just Figured Out My Life!">
    <meta name="author" content="Jun Chen">

    <title> Jun Chen </title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">


    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>


    <link rel="stylesheet" href="getitdone.css"/>


</head>
<body>


    <header class="page-header" style="text-align: center;">
         <h1 class="display-4" >Get-It-Done!</h1>
         <p><i>A Reminder App</i><p>
         <p><i>Project Date: 12/25/2018 - Present</i><p>
         <a href="index.html"><button type="button"class="btn btn-small btn-light mx-auto">Home</button></a>
         <a href="project.html"><button type="button"class="btn btn-small btn-light mx-auto">Portfolio</button></a>
    </header>

    <div class="container mt-4">
        <div class="col-md-6 slideshow d-flex justify-content-center" style="height: fit-content;">
            <div id="carouselExampleIndicators" class="carousel slide d-flex justify-content-center" data-ride="carousel">
                  <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                  </ol>
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <img class="d-block w-100" id ="item1" src="main_getitdone.PNG" alt="First slide">
                    </div>
                    <div class="carousel-item">
                      <img class="d-block w-100"  id ="item1" src="add_task_getitdone.PNG" alt="Second slide">
                    </div>
                    <div class="carousel-item">
                      <img class="d-block w-100" src="view_getitdone.PNG" alt="Third slide">
                    </div>
                  </div>
                  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                  </a>
                  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                  </a>
                </div>
        </div>


        <div class="col-md-6 summary">

            <div class="tech">
                <p style="text-indent: 2em;"><b style="font-size:20px;">Get-It-Done</b> is a personalized reminder Andriod application. As a registered user, it protects the privacy of your schedule with a numeric password. All the data is stored in a local SQLite Database. You can set the time of the notification, and your phone will alarm you at the inputted time.</p>
                <hr>
                <h4>Andriod Features Implemented</h4>
                <ul>
                    <li>SQLite Database</li>
                    <li>Recycler View</li>
                    <li>Card View</li>
                    <li>Notification</li>
                    <li>Broadcast Receiver</li>
                </ul>
            </div>
            <hr>
            <div class="design">
                <h4>Design Pattern: <i>Model View Controller</i></h4>
            </div>
            <hr>
            <div class="future">
                <h4>Future Works</h4>
                <ul>
                    <li>User Interface Design</li>
                    <li>Multiple Notification Alert Time</li>
                    <li>Group Task into Categories</li>
                    <li>Gamification of Productivity</li>
                    <li>A Goal Setting Activity</li>
                </ul>
            </div>


        </div>


        <script>
            $('.carousel').carousel({
                interval: 3250
            })
        </script>

    </div>


</body>
</html>