-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcsharp.html
185 lines (161 loc) · 11.4 KB
/
csharp.html
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="Octanoz">
<meta name="description" content="C# projects that I work on while I learn how to program">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>C# Projects</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/RH_logo.png">
</head>
<body>
<header>
<nav>
<a href="#memory"><em>Memory</em></a>
<a href="index.html">Home</a>
<a href="resources.html">Resources</a>
<a href="aboutme.html">About Me</a>
</nav>
<h1>C# Projects</h1>
</header>
<main>
<section id="appointment_app">
<h2>Appointment App for a Therapist</h2>
<p>I'm actually making this for my mother. She's still using a traditional calendar to write
down her
appointments even though she is remarkably digitally adept for someone born in WWII.
I reckon I can only improve things for her by making this app.</p>
<h3>Main Page</h3>
<br>
<p>At this stage the main page of the app has a placeholder for booking consults and buttons to
go to client
overview, consults, invoicing and close, respectively.
There is a button for consults since I'm considering to separate the booking part out and change the
main
screen to just show the booked appointments. It feels like that would be easier to program and maintain.
Being able to do everything in one page is nice but it can get a bit cluttered. This should be easier to
understand and less prone to mistakes. Also, there is some placeholder text under the calendar which
shows some nonsense about how many slots do not have a client. This will probably be changed to show how
many clients have not been invoiced for the previous month. That seems like it would be more relevant.
</p>
<figure>
<img src="img/Appointment App Main Page.png" alt="Main page of the appointment app" width="591"
height="450">
<figcaption><em>main page with placeholder consult booking</em></figcaption>
</figure>
<br>
<h3>Client Database</h3>
<br>
<p>Clicking on the Clients button will take you to the database. This is based on a JSON file but will
eventually use a MySQL database.</p>
<figure>
<img src="img/Appointment Page Client Overview.png" alt="Client database" width="1196" height="547">
<figcaption><em>Client database, all people are fictitious</em></figcaption>
</figure>
<br>
<p>The field at the top of the window lets you filter the clients by surname.
Clicking the middle button at the bottom brings you to a similar window that allows to enter the raw
data. In the window the raw data for first and last name is combined in name. The different address
attributes
are also combined. There is a method that selects the zodiac sign based on the birth date that was
entered.
There's a column that shows if a client is still actively getting consultation or is archived.
The archivebox column will show in which box the documentation for the ex-client can be found.</p>
<h3>Invoicing</h3>
<br>
<p>You can get to this window from the main screen as well. There's some address placeholder here that
probably doesn't make any sense.</p>
<figure>
<img src="img/Appointment App Invoice Total.png" alt="Invoice window">
<figcaption><em>Invoicing screen, showing total invoicing value</em></figcaption>
</figure>
<br>
<p>Selecting a client will then filter the displayed invoicing to just that client</p>
<figure>
<img src="img/Appointment App Invoice Client.png"
alt="Invoice window with invoicing filtered for the selected client">
<figcaption><em>Invoicing screen, showing invoicing value for the selected client</em></figcaption>
</figure>
<br>
<p>The two buttons at the top right will (eventually) allow further filtering per month and year which
should help with administration and tax returns.</p>
</section>
<br>
<section id="memory">
<h2>Memory Game</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque eum sapiente adipisci quisquam illo
temporibus quia et molestias sint dolorum? Eum cupiditate in modi ab quos! Omnis maiores perspiciatis
atque.
Soluta, assumenda ipsam blanditiis numquam aliquid quisquam animi saepe atque nihil et eaque cumque
incidunt quo amet, reprehenderit fugit suscipit ab rem deserunt minima magnam libero pariatur! Laborum,
molestiae officiis?
Accusamus, repellat consequuntur sint iusto quaerat voluptatibus, praesentium voluptate quis tenetur est
delectus asperiores libero quisquam pariatur, id obcaecati debitis aspernatur nihil facilis nam
distinctio quia! Eum voluptate mollitia quia!
Rerum saepe reprehenderit quibusdam quas! Porro quas voluptas, nesciunt dolorem sunt est consectetur
assumenda quasi quam doloribus, nemo voluptatum nisi laborum odit minus hic dolorum vitae suscipit
itaque consequuntur ratione.
Odit saepe rerum ipsum corrupti. Nostrum molestiae saepe hic quos non libero mollitia rerum magnam iste
velit magni fuga maxime, ratione quia veritatis esse! Assumenda iure repudiandae quo natus ullam.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam dolores nemo at, nobis perferendis id
eaque, dignissimos quibusdam minus quasi veniam quos atque, hic quisquam numquam dolore voluptatum harum
totam?
Eaque iusto quis non vero fuga. Assumenda deleniti ut iure, alias quo voluptatum veniam reiciendis
mollitia fugiat nisi. Quos officia natus quaerat velit laudantium a debitis aspernatur sed hic
perferendis!
Magni sapiente laborum dignissimos at quia odio deserunt! Aspernatur iusto quisquam, dolorum cupiditate
libero repellat odit maxime at animi, porro voluptates pariatur. Eum quia, provident odit eligendi neque
eveniet repudiandae.
Magni voluptate amet unde, dignissimos delectus consectetur, cumque harum rerum tenetur architecto
facilis quas dicta voluptates doloremque optio, sit quasi eius. Dicta itaque laudantium, numquam ea id
pariatur nostrum nihil.
Culpa suscipit iure sint magni molestiae vel quam, sunt rem quo architecto fuga labore totam quas
molestias commodi? Tempora qui velit iure accusantium libero voluptates minus provident excepturi vero
consequatur.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rem voluptatibus tempora fugiat, explicabo
excepturi magni incidunt eius, similique mollitia earum repellat impedit nisi? Provident deleniti
dolores obcaecati qui aut non.
Mollitia totam eligendi recusandae ad corporis quo earum similique tempore cumque nihil, ipsum pariatur,
consequuntur assumenda cupiditate? Aperiam, ullam? Hic a nisi autem id! Deleniti dignissimos facere
blanditiis facilis consequuntur?
Ad, earum repudiandae. Ab, nulla delectus unde neque tempore quisquam culpa repellendus a sed, odio
nostrum velit. Quam, reiciendis facere consequuntur temporibus quo cupiditate alias deleniti saepe
mollitia atque molestias.
Placeat quae, ratione amet impedit magni illo perspiciatis? Ex, aperiam, enim vel rem in esse facilis,
suscipit quam ad maiores debitis nesciunt cupiditate rerum dolorem hic ab consequatur tempora error.
Fuga voluptatibus, at iste nisi maxime corporis unde dolorem illum aspernatur sed quisquam cum possimus
perspiciatis eveniet inventore sequi exercitationem laboriosam error itaque fugit delectus dolores
obcaecati! Magnam, id praesentium!</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rem voluptatibus tempora fugiat, explicabo
excepturi magni incidunt eius, similique mollitia earum repellat impedit nisi? Provident deleniti
dolores obcaecati qui aut non.
Mollitia totam eligendi recusandae ad corporis quo earum similique tempore cumque nihil, ipsum pariatur,
consequuntur assumenda cupiditate? Aperiam, ullam? Hic a nisi autem id! Deleniti dignissimos facere
blanditiis facilis consequuntur?
Ad, earum repudiandae. Ab, nulla delectus unde neque tempore quisquam culpa repellendus a sed, odio
nostrum velit. Quam, reiciendis facere consequuntur temporibus quo cupiditate alias deleniti saepe
mollitia atque molestias.
Placeat quae, ratione amet impedit magni illo perspiciatis? Ex, aperiam, enim vel rem in esse facilis,
suscipit quam ad maiores debitis nesciunt cupiditate rerum dolorem hic ab consequatur tempora error.
Fuga voluptatibus, at iste nisi maxime corporis unde dolorem illum aspernatur sed quisquam cum possimus
perspiciatis eveniet inventore sequi exercitationem laboriosam error itaque fugit delectus dolores
obcaecati! Magnam, id praesentium!</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rem voluptatibus tempora fugiat, explicabo
excepturi magni incidunt eius, similique mollitia earum repellat impedit nisi? Provident deleniti
dolores obcaecati qui aut non.
Mollitia totam eligendi recusandae ad corporis quo earum similique tempore cumque nihil, ipsum pariatur,
consequuntur assumenda cupiditate? Aperiam, ullam? Hic a nisi autem id! Deleniti dignissimos facere
blanditiis facilis consequuntur?
Ad, earum repudiandae. Ab, nulla delectus unde neque tempore quisquam culpa repellendus a sed, odio
nostrum velit. Quam, reiciendis facere consequuntur temporibus quo cupiditate alias deleniti saepe
mollitia atque molestias.
Placeat quae, ratione amet impedit magni illo perspiciatis? Ex, aperiam, enim vel rem in esse facilis,
suscipit quam ad maiores debitis nesciunt cupiditate rerum dolorem hic ab consequatur tempora error.
Fuga voluptatibus, at iste nisi maxime corporis unde dolorem illum aspernatur sed quisquam cum possimus
perspiciatis eveniet inventore sequi exercitationem laboriosam error itaque fugit delectus dolores
obcaecati! Magnam, id praesentium!</p>
</section>
</main>
</body>
</html>