wedding-budget-calculator Svelte Themes

Wedding Budget Calculator

Calculateur de suivi de dépenses pour un mariage, réalisé avec Svelte.

Application de suivi des dépenses pour l'organisation d'un mariage.

2020 : année du COVID, du confinement et donc aussi des reports de mariages. Avec 1, 2 voir 3 ans de différés, il est difficile de s'y retrouver dans les acomptes déjà versés aux prestataires. Cette application peut servir à centraliser tous les règlements déjà effectués ou simplement à budgetiser son futur mariage.

Le stockage des données se fait pour le moment dans le localstorage.

Démo

--> Démo déployée sur Netlify

  https://wedding-calculator.netlify.app/

Badges

Screenshots

Tech Stack

Client: Svelte, Bootstrap Hébergement : Netlify

Fonctionnalités utilisées de Svelte

  • props
  • setContext / getContext
  • {#if}, {#else}
  • reactivity
  • data binding
  • lifecycle (onMount, afterUpdate)
  • transition, animation

    Optimisations réalisées

  • Responsive : mobile, tablet, desktop
  • SEO : meta title, meta descrption, favicon
  • a11y

Lancement

Clôner le repo, puis :

# installer les dépendances
$ npm install

# lancer
$ npm run dev

Ressources utilisées

Top categories

Loading Svelte Themes