MyDrugs
Fikcyjny sklep demonstracyjny inspirowany serialem Netflixa How to Sell Drugs Online (Fast).
Strona główna — marka i wejście do sklepu
- Rola
- Programista
- Termin
- Marzec 2026 – obecnie
- Technologie
- Next.js, React, TypeScript, Tailwind CSS, Prisma, Auth.js, Framer Motion
- Zakres
- Proces zakupowy, integralność danych po stronie serwera, uprawnienia administratora i identyfikacja fikcyjnej marki
O projekcie
MyDrugs to fikcyjny, edukacyjny sklep do portfolio, inspirowany serialem How to Sell Drugs Online (Fast). Obejmuje stronę główną, katalog, produkty, koszyk, finalizację zamówienia, historię zakupów, oceny i panel administracyjny.
Wyzwanie
Wyzwaniem było stworzenie pełnego procesu zakupowego z oddzielnymi widokami publicznymi, kupującego i administratora oraz walidacją zapisanego koszyka po stronie serwera.
Rozwiązanie
Aplikacja korzysta z Next.js App Router, Server Components, Server Actions, Prisma, Auth.js, Zustand i Zod. Finalizacja zamówienia odbywa się w transakcji Prisma obejmującej walidację produktów, aktualizację stanów magazynowych i utworzenie zamówienia.
Rezultat
Powstało lokalne demo z wyszukiwaniem, sortowaniem, rekomendacjami, ocenami, demonstracyjną finalizacją zakupu kryptowalutą, panelem zarządzania, analityką, walidacją i obsługą stanów interfejsu. Opisany zakres obejmuje też przechodzące testy jednostkowe i kontrolę typów.