Every build, and how it was made.

Generate 10 different versions where you test out different visual options for the posts on pages like popular. Try variations like making the whole post the hobby-color, just an outline the color, just the top part so it looks like a post header etc. Also, add the hobby icon next to the name of the user.

Please go for the study planner and make it really good and do every step of the assignment, test it, improve, etc. make the demo link on vibeoff.ai and make the github code on my AlpacaQQ github account in a repo and a short desc.

Let's improve the settings with a few more options a user would want. Privacy: "Who can add me as a friend" (everyone / no one) and "Who can see my friends and mutual friends" (anyone / friends of friends / friends / no one). Appearance: a colour wheel for the general background colour that keeps the contrast between backgrounds but changes the base colour from grey to any colour, a similar wheel for the orange details, and one for text that forces enough contrast if the colours are too similar. Plus some base themes, for example dark, light, retro, retro dark and cream. Accessibility: a settings page, and also a clear "Enable accessibility mode" toggle when registering. (Lightly edited for spelling and clarity.)

Bygg en liten webapp for meg. Jeg vil ha et fungerende resultat, og du kan jobbe selvstendig. ## Hva appen gjør En ukeplanlegger. Jeg legger inn ukentlige forelesninger (navn, ukedag, start, slutt) og oppgaver (navn, kategori: Fag / Jobbsøking / Intervjuøving, estimert tid i timer, valgfri frist). Jeg setter også et ukemål for intervjuøving (for eksempel 3 økter på 45 min, uten frist). Når jeg trykker "Lag plan", fordeler appen oppgavene i ledige tidsrom mellom forelesningene og viser uken mandag-søndag som blokker per dag. ## Regler for planen - Uka starter mandag (pass på at getDay() gir søndag = 0). - Ledig tid per dag: 08:00-21:00 minus forelesninger. Maks 6 timer oppgaver per dag. Blokker på maks 2 timer. - Sorter etter frist (tidligst først), deretter oppgaver uten frist. - Intervjuøving spres på ulike dager. - Samme data gir alltid samme plan. Ingen tilfeldighet, ingen AI-kall. - Oppgaver som ikke får plass vises i en egen liste "Fikk ikke plass", og forsvinner aldri stille. - Legg inn en knapp "Fyll med eksempeldata" med fiktive data, for live demo. ## Tekniske krav - Skal publiseres på GitHub Pages som statisk app. Hovedfilen er index.html i rotmappen, med relative stier. - Data lagres i localStorage (med try/catch). Ingen backend, ingen innlogging, ingen API-nøkler, ingen persondata. Repoet er offentlig. - Hold planleggingslogikken i en egen ren funksjon (tar inn data, returnerer plan), slik at den kan testes uten nettleser. - Bruk vanlig HTML/CSS/JS som standard. Hvis du mener et bibliotek eller rammeverk gir klart bedre resultat, si hva og hvorfor før du bruker det, og velg kun noe som ikke krever et eget byggesteg for å fungere på GitHub Pages. - UI-tekst på norsk. Kode og kommentarer på engelsk. Pent, ryddig og mobilvennlig design. ## Arbeidsmåte 1. Lag en kort plan (filstruktur og 3-5 steg), og begynn deretter å bygge uten å vente på godkjenning av hvert steg. 2. Test planleggingsfunksjonen selv med et lite eksempel (inkludert søndag/mandag og tilfellet der oppgavene ikke får plass), og rett feil før du sier deg ferdig. 3. Ikke legg til funksjoner jeg ikke har bedt om. 4. Når du er ferdig: si i 3-5 linjer hva du bygde og hvordan jeg åpner og kjører appen, og nevn eventuelle antagelser du gjorde.

Build StudyFlow - Smart Exam Study Planner: a modern, responsive React + TypeScript + Tailwind app for university students, all UI in Norwegian (Bokmål). Features: exam dashboard with countdowns and course colours; a rule-based study planner that schedules topics (rated 1-5) around exam dates and hours per day and updates when sessions are completed; progress tracking with per-course bars, hours studied and a weekly chart. Dark mode default with light option, Notion/Linear-style design, localStorage, sample data for three courses with reset, input validation, empty states, no placeholder buttons. Test the main flows and fix issues.

Build StudyFlow - Smart Exam Study Planner: a modern, responsive React + TypeScript + Tailwind app for university students, all UI in Norwegian (Bokmål). Features: exam dashboard with countdowns and course colours; a rule-based study planner that schedules topics (rated 1-5) around exam dates and hours per day and updates when sessions are completed; progress tracking with per-course bars, hours studied and a weekly chart. Dark mode default with light option, Notion/Linear-style design, localStorage, sample data for three courses with reset, input validation, empty states, no placeholder buttons. Test the main flows and fix issues.