Állapot, stuktúra

Pages

• Welcome
• Home
• Upload
• Search
• Favorites
• Profile
• My listings
• ProductPage
• Edit Page
• ( Admin Page??? )

Components

• Navbar
• Product Card
• Product Grid
• Favorite Button
• Edit Button
• Delete Button
• Back button
• Image Carousel
• Filters ??
• Login PopUp
• Reg popUp
• Logout popUp
• Cat button ( home » search )
• Toast
• Loader

Type: Product

{
  id: number;
  title: string;
  description: string;
  category: ProductCategory;
  condition: ProductCondition;
  gender: ProductGender;
  colors: ProductColor[];
  size: ProductSize;
  brand: string;
  price: number;
  images: string[];
  status: ProductStatus;
  sellerId: number;
  isFavorite?: boolean;
}

Jegyzetek

ProductCard - kész ProductGrid - kész A productGrid kapja meg a terméket mint paraméter, majd az Map-pel végig járja és átadja az 1-1 terméket a produtCardnak.

MyListings-page - //alakulóban. Vissza nyíl, felső design hátra -> Kész

Navbar működik, design kell: Szín változtatás Nagy képernyős nézet!!!

Szűrők komponense... Welcome page... Home page... New listing (popup) page... ProductDetals (popup) page... -> ProductPage: routing megvan, productot kiolvassa, csak fel kell építeni -> Elkezdve

JS-»TS Laci repojába»»

Megcsináltam a Jsont megint xd és hogy backend/json->szűrés->kész adatot vissza stb (saját verziómban) »»Majd MINDENT bemásoltam ide, működik ugyan úgy

CSINÁLD MEG:

• telón osszecsúszik két sorba a cím, eltérő méretű kártyák
• navbár nagyképernyős elrendezését is -alakul, szinte jó
• tableten nagyobb legyen a navbar
• product page befejezni: teló nézet, tags&desc háttere, képek, like ha másé, szerk+törl ha saját
• be/kijelentkezés lekezelése
• whoami mock
• navbar + search ikon
• prod/id/edit - korlatozasa
• logout popUp
• mindenhol ahol használ usert, api-ra kötni
• prod api bekötése -> mock off
• favs api bekötése -> funkc lekezelése (lehet nem lesz)
• loader
• loader bekötése

Jegyzet

• Auth bekötve, bejelentkezés nélkül csak welcome és prodpage, bejelentkezve minden, kivéve welcome. Felhasználó adatait használják az oldalak
• Van loader amit ki/be lehet kapcsolni bárhol - kérésekhez bekötni !