PéldaprogramokTananyagPortfólió követelményekFrontend tematikaSzámonkérésUTF-8 Karakterek válogatás

Frontend számonkérés: Céges leltárptogram implementációja

1. feladat: Projekt létrehozása, config beállítása, projekt elindítása, ui beállítása, projekt publikálása.
npx sv create # "szamonkeres", 'SvelteKit minimal', 'No', 'drizzle + lucia', 'SQLite', 'better-sqlite3', 'Yes', 'npm'
cd szamonkeres
git init && git add -A && git commit -m "Initial commit"
code .
2. feladat: Adatstruktúra és adatbázis létrehozása.

1 
//src/lib/server/db/schema.js:
2 
import { sqliteTable, text, integer } from 'drizzle-orm/sqlite-core'
3
4 
export const user = sqliteTable('user', {
5 
    id: text('id').primaryKey(),
6 
    name: text('name').notNull(), // 'age' mező helyett 'name' mező, 'text'
7 
    username: text('username').notNull().unique(),
8 
    passwordHash: text('password_hash').notNull()
9 
})
10
11 
export const session = sqliteTable("session", {
12 
    id: text('id').primaryKey(),
13 
    userId: text('user_id').notNull().references(() => user.id),
14 
    expiresAt: integer('expires_at', { mode: 'timestamp' }).notNull()
15 
})
16
17 
export const tools = sqliteTable("tools", {
18 
    id: integer('id').primaryKey(),
19 
    title: text('title').notNull(),
20 
    description: text('description').notNull(),
21 
    image: text('image').notNull(),
22 
    serialnum: text('link').notNull(),
23 
    user_id: text('user_id').notNull().references(() => user.id),
24 
})
 
npm run db:push
3. Projekt elindítása fejlesztés közbeni teszteléshez.
npm run dev -- --open
4. További önálló feladatok:
  • menü készítése, Regisztrációs űrlap szükséges módosítása a (minta) szerint,
  • CRUD alkalmazás készítése az eszközök felviteléhez és userek hozzárendeléséhez,
  • különböző nézetek készítése: - eszközök és az, hogy melyik eszköz kinél van, - userek és az, hogy kinél milyen eszköz van, - statisztika nézet, kereső funkció.