theis.gaedigk/login-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement user creation functionality and update dashboard notifications

Browse Source
This commit is contained in:
theis.gaedigk
2025-06-21 01:28:39 +02:00
parent df199cf9a5
commit 01bce663f6
3 changed files with 54 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
backend/database.js
View File

@@ -26,18 +26,25 @@ export async function loginUser(username, password) {
}
}
export async function createUser(username, first_name, last_name, password, email) {
export async function createUser(
username,
first_name,
last_name,
password,
email
) {
try {
const [result] = await pool.query(
"INSERT INTO users (username, first_name, last_name, password, email) VALUES (?, ?, ?, ?, ?)",
[username, first_name, last_name, password, email]
);
console.log("User created successfully: ", result);
return { success: true, userId: result.insertId };
console.log("User created successfully!");
return { success: true };
} catch (error) {
console.error("Error creating user: ", error);
return { success: false, message: "Error creating user" };
}
}
}

40
backend/server.js
View File

@@ -3,7 +3,7 @@ import express from "express";
const app = express();
const port = 4000;
import { loginUser } from "./database.js";
import { loginUser, createUser } from "./database.js";
app.use(express.urlencoded({ extended: true }));
app.set("view engine", "ejs");
@@ -31,16 +31,18 @@ app.get("/", (req, res) => {
res.render("login.ejs", { error: null, reload: false });
});
let latestUser;
// Route to handle user login
app.post("/login", (req, res) => {
loginUser(req.body.username, req.body.password).then((result) => {
if (result.success) {
res
.status(200)
.render("dashboard.ejs", {
sqlResult: result,
newLink: `/dashboard/${result.user.id}`,
});
res.status(200).render("dashboard.ejs", {
sqlResult: result,
newLink: `/dashboard/${result.user.id}`,
});
latestUser = result;
console.log(latestUser);
} else {
res
.status(401)
@@ -49,6 +51,30 @@ app.post("/login", (req, res) => {
});
});
app.post("/createUser", (req, res) => {
createUser(
req.body.username,
req.body.first_name,
req.body.last_name,
req.body.password,
req.body.email
).then((result) => {
if (result.success) {
res.status(201).render("dashboard.ejs", {
sqlResult: latestUser,
newLink: `/dashboard/${latestUser.id}`,
});
console.log(latestUser);
} else {
res.status(400).render("dashboard.ejs", {
sqlResult: latestUser,
newLink: `/dashboard/${latestUser.id}`,
});
console.log(latestUser);
}
});
});
// error handling code
app.use((err, req, res, next) => {
console.error(err.stack);

10
backend/views/dashboard.ejs
View File

@@ -3,7 +3,7 @@
<head>
<!--
<script>
window.history.pushState({}, "", "<%= newLink %>");
window.history.pushState({}, "", "<%=// newLink %>");
</script>
-->
<meta charset="utf-8" />
@@ -104,6 +104,12 @@
</div>
</div>
</form>
<% if (typeof status !== 'undefined') { %> <% if (status ===
'success') { %>
<div class="alert alert-success">User created successfully!</div>
<% } else if (status === 'error') { %>
<div class="alert alert-danger">User creation failed.</div>
<% } %> <% } %>
</div>
</div>
</div>
@@ -114,4 +120,4 @@
crossorigin="anonymous"
></script>
</body>
</html>
</html>