VapeCrafter

Une application pour calculer, stocker et partager ses recettes de vape.

Next.jsDrizzleVercelTypeScriptneon.tech
VapeCrafter

Aperçu du projet

VapeCrafter est une application web conçue pour aider les vapoteurs à créer, gérer et partager leurs recettes de e-liquides personnalisées.

Fonctionnalités principales

Calculateur de recettes

L'application est centrée autour d'un calculateur interactif qui permet aux utilisateurs de composer leurs mélanges en définissant:

  • La quantité totale souhaitée (en mL)
  • Le ratio PG/VG (Propylène Glycol/Glycérine Végétale)
  • La concentration en nicotine
  • Les arômes avec leurs proportions
  • Les additifs avec leurs proportions
  • Le temps de maturation recommandé

Le calculateur ajuste automatiquement toutes les valeurs et affiche les quantités précises de chaque composant en millilitres.

Gestion des recettes

Les utilisateurs peuvent:

  • Sauvegarder leurs recettes avec un nom personnalisé
  • Consulter leurs recettes enregistrées dans la section "Mes recettes"
  • Partager publiquement leurs créations
  • Explorer les recettes partagées par d'autres utilisateurs
  • Générer des étiquettes PDF pour l'impression

Interface utilisateur

  • Design moderne avec des cartes et composants interactifs
  • Interface responsive adaptée aux mobiles et ordinateurs
  • Thème visuel élégant utilisant la typographie Geist Mono pour les éléments importants
  • Curseurs (sliders) pour ajuster facilement les proportions
  • Indicateurs visuels lorsqu'une recette contient trop d'arômes ou de nicotine

Caractéristiques techniques

L'application est développée avec:

  • Next.js comme framework React
  • Tailwind CSS pour le design
  • Drizzle ORM pour la gestion de la base de données
  • Système d'authentification pour la gestion des utilisateurs
  • Génération de PDF pour les étiquettes
  • Partage de recettes via URL

Objectif

VapeCrafter vise à simplifier le processus de création de e-liquides personnalisés en offrant un outil précis et intuitif pour calculer les proportions, tout en créant une communauté d'utilisateurs partageant leurs meilleures recettes.

Défis techniques

  • Intégration de fonctionnalités avancées pour le calcul des recettes.
  • Mise en place d'une architecture robuste pour la gestion des données.
  • Optimisation des performances pour un chargement rapide des pages.
  • Création d'une interface utilisateur intuitive et réactive.
  • Gestion de la sécurité et de l'authentification des utilisateurs.
  • Mise en place d'un système de partage de recettes basé sur l'URL.
  • Génération de PDF pour les étiquettes de recettes.

Durée

2 semaines

Équipe

1 personne

Rôle

Lead Developer

Stack

Next.js, Drizzle, Vercel, neon.tech

Fonctionnalités clés

  • Calculateur

    Calculateur de recettes personnalisé.

  • Base de données

    Gestion des utilisateurs et des recettes.

  • Partage

    Partage de recettes.

Galerie du projet

Image 1 du projetImage 2 du projetImage 3 du projetImage 4 du projetImage 5 du projet
Image 1 du projet
Image 2 du projet
Image 3 du projet
Image 4 du projet
Image 5 du projet

Découvrir d'autres projets