Skip to content

Commit df0809e

Browse files
zoemithaugamdcavallaro
zoemithaug
authored and
amdcavallaro
committed
Adds code
0 parents  commit df0809e

16 files changed

+5045
-0
lines changed

‎.env.example

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
VONAGE_API_KEY=
2+
VONAGE_API_SECRET=
3+
FROM_PHONE_NUMBER=

‎.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
node_modules/
2+
.env
3+
reservations.db

‎README.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
# Office Hours Reservation
2+
3+
A web application that allows students to reserve office hour time slots with their professors. Once an office hour reservation is booked, the student will receive a SMS text message confirming the reservation using Vonage SMS API.
4+
5+
<!-- For more detail see the accompanying blog post https://developer.vonage.com/blog -->
6+
7+
## Prerequisites
8+
9+
* A Vonage account. If you're new to Vonage, you can [sign up for a Vonage account](https://dashboard.nexmo.com/) and get some free credit to get you started.
10+
11+
## Getting Help
12+
13+
We love to hear from you so if you have questions, comments or find a bug in the project, let us know! You can either:
14+
15+
* Open an issue on this repository
16+
* Tweet at us! We're [@VonageDev on Twitter](https://twitter.com/VonageDev)
17+
* Or [join the Vonage Community Slack](https://developer.vonage.com/community/slack)

‎Sample-Confirmation-Screenshot.png

98.9 KB
Loading

‎Sample-Error-Screenshot.png

46.9 KB
Loading

‎Sample-ReservationForm-Screenshot.png

99.2 KB
Loading

‎Sample-Text-Message-Screenshot.jpg

115 KB
Loading

‎assets/confirmationstyles.css

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
body {
2+
font-family: Arial, Helvetica, sans-serif;
3+
}
4+
5+
h1 {
6+
font-size: 27px;
7+
width: 70%;
8+
padding: 10px;
9+
text-align: center;
10+
margin: auto;
11+
margin-bottom: 20px;
12+
background-image: linear-gradient(to bottom, lightgreen, white);
13+
}
14+
15+
.FormTextBox {
16+
display: flex;
17+
align-items: center;
18+
text-align: center;
19+
margin: auto;
20+
width: 95%;
21+
font-weight: bold;
22+
margin-bottom: 10px;
23+
}
24+
25+
.FormTextBox div {
26+
width: 50%;
27+
text-align: left;
28+
padding: 7px;
29+
}
30+
31+
.FormTextAreaBox {
32+
text-align: center;
33+
margin: auto;
34+
width: 95%;
35+
font-weight: bold;
36+
margin-bottom: 10px;
37+
}
38+
39+
.FormTextAreaBox div {
40+
width: 100%;
41+
text-align: center;
42+
padding: 7px;
43+
}
44+
45+
.BigButton {
46+
cursor: pointer;
47+
background-color: lightgreen;
48+
color: black;
49+
padding: 15px;
50+
font-size: 20px;
51+
border-radius: 7px;
52+
border: 1px solid black;
53+
text-decoration: none;
54+
}
55+
56+
.BigButton:hover {
57+
background-color: white;
58+
color: black;
59+
}
60+
61+
.readonlydata {
62+
font-weight: normal;
63+
}
64+
65+
#alignRight {
66+
text-align: right;
67+
justify-content: right;
68+
align-items: right;
69+
text-align: right;
70+
}
71+
72+
#returnButton {
73+
text-align: center;
74+
margin-top: 20px;
75+
}

‎assets/errorstyles.css

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
body {
2+
font-family: Arial, Helvetica, sans-serif;
3+
}
4+
5+
h1 {
6+
font-size: 27px;
7+
width: 70%;
8+
padding: 10px;
9+
text-align: center;
10+
margin: auto;
11+
margin-bottom: 20px;
12+
background-image: linear-gradient(to bottom, red, white);
13+
}
14+
15+
.FormTextBox {
16+
display: flex;
17+
align-items: center;
18+
text-align: center;
19+
margin: auto;
20+
width: 95%;
21+
font-weight: bold;
22+
margin-bottom: 10px;
23+
}
24+
25+
.FormTextBox div {
26+
width: 50%;
27+
text-align: left;
28+
padding: 7px;
29+
}
30+
31+
.FormTextAreaBox {
32+
text-align: center;
33+
margin: auto;
34+
width: 95%;
35+
font-weight: bold;
36+
margin-bottom: 10px;
37+
}
38+
39+
.FormTextAreaBox div {
40+
width: 100%;
41+
text-align: center;
42+
padding: 7px;
43+
}
44+
45+
.BigButton {
46+
cursor: pointer;
47+
background-color: red;
48+
color: black;
49+
padding: 15px;
50+
font-size: 20px;
51+
border-radius: 7px;
52+
border: 1px solid black;
53+
text-decoration: none;
54+
}
55+
56+
.BigButton:hover {
57+
background-color: white;
58+
color: black;
59+
}
60+
61+
.readonlydata {
62+
font-weight: normal;
63+
}
64+
65+
#statusdiv {
66+
background-color: red;
67+
color: white;
68+
padding: 20px;
69+
font-size: 25px;
70+
width: 60%;
71+
border-radius: 7px;
72+
margin-top: 10px;
73+
margin-bottom: 10px;
74+
margin-left: auto;
75+
margin-right: auto;
76+
}
77+
78+
#alignRight {
79+
text-align: right;
80+
justify-content: right;
81+
align-items: right;
82+
text-align: right;
83+
}
84+
85+
#returnButton {
86+
text-align: center;
87+
margin-top: 20px;
88+
}

‎assets/indexstyles.css

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
body {
2+
font-family: Arial, Helvetica, sans-serif;
3+
}
4+
h1 {
5+
font-size: 27px;
6+
width: 70%;
7+
padding: 10px;
8+
text-align: center;
9+
margin: auto;
10+
margin-bottom: 20px;
11+
background-image: linear-gradient(to bottom, lightgreen, white);
12+
}
13+
14+
.FormTextBox {
15+
display: flex;
16+
align-items: center;
17+
text-align: center;
18+
margin: auto;
19+
width: 95%;
20+
font-weight: bold;
21+
margin-bottom: 10px;
22+
}
23+
24+
.FormTextBox div {
25+
width: 50%;
26+
text-align: left;
27+
padding: 7px;
28+
}
29+
30+
.FormTextAreaBox {
31+
text-align: center;
32+
margin: auto;
33+
width: 95%;
34+
font-weight: bold;
35+
margin-bottom: 10px;
36+
}
37+
38+
.FormTextAreaBox div {
39+
width: 100%;
40+
text-align: center;
41+
padding: 7px;
42+
}
43+
44+
.BigButton {
45+
cursor: pointer;
46+
background-color: lightgreen;
47+
color: black;
48+
padding: 15px;
49+
font-size: 20px;
50+
border-radius: 7px;
51+
}
52+
53+
.BigButton:hover {
54+
background-color: white;
55+
color: black;
56+
}
57+
58+
#statusdiv {
59+
display: none;
60+
background-color: green;
61+
color: white;
62+
padding: 20px;
63+
text-align: center;
64+
font-size: 25px;
65+
width: 60%;
66+
border-radius: 7px;
67+
margin-top: 10px;
68+
margin-bottom: 10px;
69+
margin-left: auto;
70+
margin-right: auto;
71+
}
72+
73+
#alignRight {
74+
text-align: right;
75+
justify-content: right;
76+
align-items: right;
77+
text-align: right;
78+
}

0 commit comments

Comments
 (0)