En modern webbapplikation byggd med Nuxt 3 som kombinerar ett receptbibliotek med en todo-lista. Applikationen erbjuder en sömlös användarupplevelse med både ljust och mörkt tema.

• Receptbibliotek

  • Bläddra bland recept
  • Detaljerad receptvy med ingredienser och instruktioner
  • Favoritmarkera recept
  • Sökfunktion för recept
  • Kalorieräknare och tillagningstid

• Todo-lista

  • Lägg till och ta bort todos
  • Markera todos som klara
  • Filtrera todos
  • Lokal lagring av todos

• Användarfunktioner

  • Autentisering via Supabase
  • Magisk länk-inloggning
  • Persistenta användarinställningar

• Frontend: Nuxt 3, Vue 3, TypeScript
• Styling: Tailwind CSS
• Autentisering: Supabase
• State Management: Vue Composition API
• API: Server API Routes (Nuxt)

1. Klona repot:

git clone [repo-url]

2. Installera beroenden:

# npm npm install # pnpm pnpm install # yarn yarn install # bun bun install

3. Starta utvecklingsservern:

# npm npm run dev # pnpm pnpm dev # yarn yarn dev # bun bun run dev

4. Öppna http://localhost:3000

Skapa en .env fil i root-mappen med följande variabler:

SUPABASE_URL=din_supabase_url SUPABASE_KEY=din_supabase_nyckel BASE_URL=http://localhost:3000 

• Nuxt 3 - Vue-baserat ramverk
• Tailwind CSS - Utility-first CSS-ramverk
• Supabase - Backend som tjänst
• TypeScript - JavaScript med typer

• /components - Återanvändbara Vue-komponenter
• /pages - Applikationens routes/sidor
• /server/api - API-endpoints
• /composables - Återanvändbara Vue-composables
• /types - TypeScript typedefinitioner
• /assets - Statiska resurser

• Receptkategorier
• Användarspecifika receptsamlingar
• Delning av recept
• Näringsvärdeskalkylator
• Veckomenyplanerare

Bygg applikationen för produktion:

# npm npm run build # pnpm pnpm build # yarn yarn build # bun bun run build

Förhandsgranska produktionsbygget lokalt:

# npm npm run preview # pnpm pnpm preview # yarn yarn preview # bun bun run preview

Se deployeringsdokumentationen för mer information.

Detta projekt är licensierat under MIT-licensen.