Introduction

Pour développer davantage mes compétences en ingénierie logicielle, j'ai créé eugeniabravo.com et tudivorciointeligente.com. Ce projet a non seulement mis à l'épreuve mes capacités techniques, mais a aussi amélioré mes compétences en communication client.

Technologies

Pour développer ce site, j'ai collaboré avec une amie qui est aussi ma cliente, en choisissant des technologies qui renforceraient mes compétences en ingénierie logicielle plutôt que de m'appuyer sur des solutions clés en main comme WordPress ou Wix. Cette approche a permis de livrer un site robuste et sur mesure.

React

TypeScript

AWS

Amplify

Brevo

Frontend

React, TypeScript

Comme il s'agissait d'un projet professionnel, j'ai utilisé React pour tirer parti de ma connaissance avancée du framework. De plus, l'implémentation de TypeScript a garanti une manipulation des données plus sûre qu'avec du JavaScript pur.

Pour démarrer le développement, j'ai expérimenté un outil d'IA innovant appelé bolt.new, capable de générer un projet de zéro, de l'exécuter et d'améliorer le code de façon itérative à partir d'instructions. J'ai ensuite téléchargé le code de base généré pour poursuivre le développement.

Backend

AWS Amplify

Lors d'un projet précédent, j'avais construit un backend Spring Boot intégré à une base de données AWS RDS. Cependant, cette approche a entraîné des problèmes tels que des plantages inattendus, un temps de développement accru et une complexité supplémentaire. En tant que développeur solo disposant de peu de temps, j'avais besoin d'une solution à la fois plus simple et robuste. C'est alors que j'ai opté pour AWS Amplify, une solution de type « backend as a service ». Amplify est plus facile à développer une fois qu'on le maîtrise, et il offre une infrastructure robuste et économique pour les projets de petite à moyenne envergure, puisqu'il est entièrement géré.

Structure du site

Le site est divisé en pages à accès public et en pages d'administration.

Pages publiques

Le site trouve un équilibre entre la promotion des services d'Eugenia et l'invitation des utilisateurs à entrer en contact, tout en proposant un contenu de blog de qualité et sans publicité.

Page d'accueil

Pages d'administration

Protégée par l'authentification des utilisateurs d'Amplify, une page d'administration privée permet à l'équipe du site de gérer le contenu. Ce portail propose un tableau de bord et un panneau d'administration pour modifier et examiner les articles privés ou les supprimer.

Tableau de bord d'administration