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)
- Klona repot:
git clone [repo-url]- Installera beroenden:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install- Starta utvecklingsservern:
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev- Ö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 buildFörhandsgranska produktionsbygget lokalt:
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run previewSe deployeringsdokumentationen för mer information.
Detta projekt är licensierat under MIT-licensen.