Pokédex

Tjena! 👋 Kul att du vill ta dig an vår kodutmaning.

Uppgiften är enkel att förstå men har gott om utrymme för att visa hur du tänker: bygg en mobilanpassad webbapp där man kan söka efter Pokémons och gilla sina favoriter. Vem gillar inte Pokémons, liksom?!

✨ Vi är inte ute efter den perfekta lösningen. Vi vill se hur du strukturerar kod, vilka beslut du fattar och varför.

Uppgiften

Bygg en webbapp där användaren kan:

Söka efter Pokémons på namn
Bläddra i en lista med resultat
Se detaljer om en Pokémon, till exempel bild, typ, storlek och stats
Gilla Pokémons och se en lista över sina favoriter

Appen ska fungera bra i mobilen. Tänk mobil först, desktop sen.

Data

Använd det öppna API:et PokéAPI. Det är gratis och kräver ingen nyckel.

Grundkrav

Mobilanpassad och responsiv
Sök, lista, detaljvy och gilla-funktion fungerar
Gillade Pokémons finns kvar när man laddar om sidan
Hantering av laddning, tomma resultat och fel
En README som förklarar hur man startar projektet

Vill du gå längre?

Helt frivilligt, men här finns gott om utrymme att sticka ut:

Inloggning så att varje användare har sina egna favoriter
Egen backend och databas som sparar gillningar istället för webbläsaren
Filtrering på typ, generation eller annat som känns rimligt
Tester för de delar du tycker är viktigast
Tillgänglighet, till exempel tangentbordsnavigering och bra kontraster
Deploy så att vi kan testa appen direkt via en länk
Något eget. Överraska oss!

Välj din egen stack

Du väljer själv vilka verktyg du bygger med. Bygg med det du är bäst på, det är där du visar dig från din bästa sida.

Är du nyfiken på hur vi bygger saker hos oss? Här är en del av det vi jobbar med idag:

TypeScript genom hela stacken
React Router 7 för våra webbappar
Better Auth för inloggning och sessioner
PostgreSQL som databas
Drizzle ORM mot databasen
Tailwind CSS och shadcn/ui för gränssnittet
Docker för att köra allt likadant lokalt och i drift

Väljer du att bygga med något av det här får du en känsla för hur vardagen ser ut hos oss. Väljer du något helt annat är det lika välkommet. Berätta bara gärna varför du valde som du gjorde.

AI-verktyg

Använd gärna AI-verktyg som Claude, Copilot eller Cursor, precis som du skulle göra i ditt dagliga arbete. Vi jobbar själva mycket med AI. Skriv gärna kort i din README hur du använde dem. Det viktiga är att du förstår och kan förklara koden du lämnar in, för vi kommer att prata om den tillsammans.

Hur lång tid ska det ta?

Lägg inte mer än en arbetsdag på grundkraven. Hellre en mindre lösning som är genomtänkt än en stor som spretar. Har du inte hunnit något, skriv vad du hade gjort härnäst och hur.

Det här tittar vi på

Struktur: Är koden lätt att läsa, förstå och bygga vidare på?
Beslut: Varför valde du som du gjorde?
Användarupplevelse: Känns appen bra att använda i mobilen?
Kvalitet: Hanteras fel, laddning och kantfall?
Kommunikation: Kan en kollega förstå projektet utifrån din README?

Så lämnar du in

Lägg upp koden i ett publikt repo på GitHub eller liknande
Se till att README:n beskriver hur man startar projektet, vilka val du gjort och vad du hade gjort med mer tid
Har du deployat appen, skicka med länken
Skicka länken till repot via formuläret nedan

Efter inlämningen går vi igenom lösningen tillsammans med dig. Inga trickfrågor, bara ett samtal om hur du tänkte.

Frågor?

Är något oklart? Hör av dig till hej@booiq.com så hjälper vi dig. Lycka till! 🚀