Recettes - Application de recettes

Application web personnelle permettant de gérer, organiser et partager facilement mes recettes de cuisine. Elle centralise toutes mes préparations en un seul endroit et me permet d’ajouter, modifier ou supprimer des recettes en quelques secondes.

Recettes - Application de recettes

À propos du projet

Application web full-stack permettant de créer, organiser et consulter mes recettes de cuisine.

Pensée pour un usage personnel, elle offre un parcours simple et rapide : ajout, modification, suppression et consultation des recettes (CRUD) grâce à un accès sécurisé par code PIN à quatre chiffres.

Le projet met l'accent sur une interface épurée, une structure claire et une logique backend fiable. L'ensemble a été conçu pour être facilement maintenable, déployable et évolutif, avec une gestion propre des données et un hébergement découplé entre le frontend et le backend

Détails techniques

Frontend

AngularTailwind CSS
  • Le frontend est conçu avec Angular pour sa structure claire et modulable, ainsi qu'avec Tailwind CSS, qui facilite la création d'une interface sobre et cohérente. L'utilisation des standalone components permet une architecture plus légère et moderne.

Backend

Express
  • Le backend repose sur Express, choisi pour sa simplicité, sa performance et la flexibilité qu'il offre dans la création d'API REST robustes.

ORM

Prisma
  • J'ai utilisé Prisma pour sa rapidité de développement et la clarté de son schéma. Il facilite la gestion des migrations et assure une bonne lisibilité du modèle de données.

Base de données

PostgreSQLPrisma
  • La base de données est hébergée sur NeonDB, un service PostgreSQL moderne offrant une intégration simple, du stockage gratuit et un environnement scalable si besoin. Grâce à Prisma, une éventuelle migration vers un autre service resterait simple.

Web services

GitHub
  • Le backend est déployé sur Render, connecté directement à NeonDB. Render permet un déploiement automatique via GitHub et une gestion intuitive des services.

Déploiement

Netlify
  • Le frontend est déployé sur Netlify, tandis que le backend est hébergé sur Render.

    Ces deux solutions offrent une mise en ligne rapide, gratuite et parfaitement adaptée aux projets personnels.

Galerie d'images

Détails Techniques

Détails Techniques