tokslaw/FullStack_with_PrismaDB
1
0
Fork 0
Code Issues Pull Requests Releases Activity

data display on clientSide

Browse Source
This commit is contained in:
tokslaw7
2025-06-22 17:12:32 -04:00
parent 54e6103dde
commit 58384964ba
3 changed files with 1053 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/seed.js
+2 -4
View File
@@ -11,7 +11,6 @@ async function main() {
await prisma.post.deleteMany(); await prisma.post.deleteMany();
await prisma.profile.deleteMany(); await prisma.profile.deleteMany();
// Create 5 users // Create 5 users
const users = []; const users = [];
for (let i = 0; i < 5; i++) { for (let i = 0; i < 5; i++) {
@@ -28,12 +27,11 @@ async function main() {
role: i === 0 ? 'ADMIN' : i === 1 ? 'EDITOR' : 'USER', role: i === 0 ? 'ADMIN' : i === 1 ? 'EDITOR' : 'USER',
}, },
}); });
users.push(user); users.push(user);
console.log(`User created: ${user.username}`); console.log(`User created: ${user.username}`);
} }
// Each user creates 2-4 posts
for (const user of users) { for (const user of users) {
const postCount = faker.number.int({ min: 2, max: 4 }); const postCount = faker.number.int({ min: 2, max: 4 });
for (let i = 0; i < postCount; i++) { for (let i = 0; i < postCount; i++) {
@@ -45,7 +43,7 @@ async function main() {
authorId: user.id, authorId: user.id,
}, },
}); });
console.log(`Created post: ${post.title}`); console.log(`Post created: ${post.title}`);
} }
} }
frontend/package-lock.json
Generated
+1008
View File
File diff suppressed because it is too large Load Diff
frontend/src/main.js
+10 -2
View File
@@ -25,8 +25,16 @@ async function fetchAndDisplayData() {
<h2>${item.name}</h2> <h2>${item.name}</h2>
<strong>Role:</strong> ${item.role}<br> <strong>Role:</strong> ${item.role}<br>
<strong>Email:</strong> ${item.email}<br> <strong>Email:</strong> ${item.email}<br>
</li>` <strong>Username:</strong> ${item.username}<br>
).join('')} <strong>UUID:</strong> ${item.userId}<br>
<strong>Avatar:</strong>${item.avatar}<br>
<strong>Initial Password:</strong> ${item.password}<br>
<strong>Birthdate:</strong> ${new Date(item.birthdate).toDateString()}<br>
<strong>Profile Bio:</strong> ${item.profile?.bio || 'N/A'}<br><br>
<ul>
</ul>
</li>
`).join('')}
</ul> </ul>
` `
dataContainer.innerHTML = html; dataContainer.innerHTML = html;