Skip to content

Emma's Work #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Connor-Bernard wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Emma's Work #5

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
f630fd2
Revert "Revert "emma's work""
Connor-Bernard Dec 9, 2024
30f9e93
edited css file and signup page, need to edit API url
emmalg516 Dec 10, 2024
9a79973
Merge branch 'main' into emma-section
Connor-Bernard Dec 10, 2024
d816f64
localhost url
emmalg516 Dec 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added frontend/public/background.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/public/emma_photo_1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/public/emma_photo_2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/public/emma_photo_3.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/public/emma_photo_4.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/public/emma_photo_5.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/public/emma_photo_6.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/public/emma_photo_7.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion frontend/src/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,4 +10,4 @@ body {
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}
}
19 changes: 19 additions & 0 deletions frontend/src/signup.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
background-color: black;
color: white;
}

code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}

#subutton {
margin-top: 20px;
}
23 changes: 23 additions & 0 deletions frontend/src/signup.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="signup.css" />
<title>Sign Up</title>
</head>
<body>
<h1>Sign up for Checkpoint</h1>
<p>name:</p>
<input type="text" id="name_box"></input>
<p>email:</p>
<input type="text" id="email_box"></input>
<p>password:</p>
<input type="text" id="password_box"></input>
<div></div>
<button id = "subutton">Sign Up</button>
</div>
<p id = error></p>
</body>
<script src = "signup.js"></script>
</html>
38 changes: 38 additions & 0 deletions frontend/src/signup.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
const subutton = document.getElementById("subutton");
const error = document.getElementById("error");
const name_box = document.getElementById("name_box");
const email_box = document.getElementById("email_box");
const password_box = document.getElementById("password_box");
const url = "signupVar"

async function signUp(){
if (name_box.value != "" && email_box.value != "" && password_box.value != ""){
try {
await fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
"name": name_box.value,
"email": email_box.value,
"password": password_box.value
})
});
name_box.value = "";
email_box.value = "";
password_box.value = "";
error.textContent = "";
}
catch(error) {
alert("unable to send information");
console.log(error);
}

}
else{
error.textContent = "You need to fill out all fields";
}
}

subutton.addEventListener("click", signUp);
80 changes: 80 additions & 0 deletions frontend/src/welcome_page.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: black;

}

code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}

.emma{
font-size: 18px;
color: #9E9E9E;
}

.inside{
margin:25px;
}
#header1{
text-indent: 10px;
}
#description{
width: 686px;
height: 66px;
}

.row{
text-align: center;
display: flex;
gap: 20px;
justify-content: space-evenly;
}
.row_item{
width: 325px;
height: 325px;
flex-shrink: 0;
background-color: #18181C;
border-radius: 20px;
font-size: 14px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

.top{
border: 30px solid #222228;
background-color: #222228;
border-radius: 20px;
}

.image_box{
border-radius: 15px;
}
.row_title{
color: white;
font-size: 20px;
}
.header{
color:white;
font-size:48px;
font-weight:600;
line-height:80px;
}
a{
border-radius:5px;
padding: 5px;
background-image: linear-gradient(to right, pink, rgb(119, 40, 194));
color: white;
text-decoration: none;
}
77 changes: 77 additions & 0 deletions frontend/src/welcome_page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="welcome_page.css">
<title>Checkpoint</title>
</head>
<body>
<div class = 'emma'>
<h1 class="header" id = "header1">What is Checkpoint</h1>
<div class = 'inside'>
<div id = description>
<p>Checkpoint is a software that leverages Capture the Flage (CTF) style games to let students learn using the same platforms they would use in industry.</p>
</div>
<div class="row">
<div class = "row_item">
<div class = image_box>
<img class = "top" src = "../public/emma_photo_1.png"/>
</div>
<p class = row_title>Student Focused</p>
<p>The platform focuses on ensuring students can make the most out of their college education using our platform.</p>
</div>
<div class = "row_item">
<div class = image_box>
<img class = "top" src = "../public/emma_photo_2.png"/>
</div>
<p class = row_title>Practical</p>
<p>This platform engages students with practical challenges that simulate the student's experience.</p>
</div>
<div class = "row_item">
<div class = "image_box">
<img src = "../public/emma_photo_3.png"/>
</div>
<p class = row_title>Accessable</p>
<p>Checkpoint leverage instructor-provided feedback to lead students down the correct path, ensuring they never get stuck.</p>
</div>
</div>
<div class = "row">
<div class = "row_item">
<div class = image_box>
<img class = "top" src = "../public/emma_photo_4.png"/>
</div>
<p class = row_title>Fully Customizable</p>
<p>Instructors can customize the challenges using an easy-to-use config file or our customizer command-line utility.</p>
</div>
<div class = "row_item">
<div class = image_box>
<img class = "top" src = "../public/emma_photo_5.png"/>
</div>
<p class = row_title>Research Driven</p>
<p>This project is backed with extensive research and user studies to prove just how impactful this teaching style is.</p>
</div>
<div class = "row_item">
<div class = "image_box">
<img class = "top" src = "../public/emma_photo_6.png"/>
</div>
<p class = row_title>Analytics Engine</p>
<p>Our platform provides instructors detailed anaytics data to ensure assignments are accessible and clearly worded.</p>
</div>
</div>
<div class = "row">
<div class = 'picture'>
<img src = "../public/emma_photo_7.png"
width = "510.114px"
height = "510.114px"/>
</div>
<div class = 'desc'>
<h2 class="header">We've done the Research! Now its your turn</h2>
<p>Finish your first checkpoint by booking a demo of our platform to see if it is right for your class.</p>
<p><a href = "signup.html">Sign up for a demo </a></p>
</div>
</div>
</div>
</div>
</body>
</html>