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 { try {
const [result] = await pool.query( const [result] = await pool.query(
"INSERT INTO users (username, first_name, last_name, password, email) VALUES (?, ?, ?, ?, ?)", "INSERT INTO users (username, first_name, last_name, password, email) VALUES (?, ?, ?, ?, ?)",
[username, first_name, last_name, password, email] [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) { } catch (error) {
console.error("Error creating user: ", error); console.error("Error creating user: ", error);
return { success: false, message: "Error creating user" }; 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 app = express();
const port = 4000; const port = 4000;
import { loginUser } from "./database.js"; import { loginUser, createUser } from "./database.js";
app.use(express.urlencoded({ extended: true })); app.use(express.urlencoded({ extended: true }));
app.set("view engine", "ejs"); app.set("view engine", "ejs");
@@ -31,16 +31,18 @@ app.get("/", (req, res) => {
res.render("login.ejs", { error: null, reload: false }); res.render("login.ejs", { error: null, reload: false });
}); });
let latestUser;
// Route to handle user login // Route to handle user login
app.post("/login", (req, res) => { app.post("/login", (req, res) => {
loginUser(req.body.username, req.body.password).then((result) => { loginUser(req.body.username, req.body.password).then((result) => {
if (result.success) { if (result.success) {
res res.status(200).render("dashboard.ejs", {
.status(200) sqlResult: result,
.render("dashboard.ejs", { newLink: `/dashboard/${result.user.id}`,
sqlResult: result, });
newLink: `/dashboard/${result.user.id}`, latestUser = result;
}); console.log(latestUser);
} else { } else {
res res
.status(401) .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 // error handling code
app.use((err, req, res, next) => { app.use((err, req, res, next) => {
console.error(err.stack); console.error(err.stack);

10
backend/views/dashboard.ejs
View File

@@ -3,7 +3,7 @@
<head> <head>
<!-- <!--
<script> <script>
window.history.pushState({}, "", "<%= newLink %>"); window.history.pushState({}, "", "<%=// newLink %>");
</script> </script>
--> -->
<meta charset="utf-8" /> <meta charset="utf-8" />
@@ -104,6 +104,12 @@
</div> </div>
</div> </div>
</form> </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> </div>
</div> </div>
@@ -114,4 +120,4 @@
crossorigin="anonymous" crossorigin="anonymous"
></script> ></script>
</body> </body>
</html> </html>