1 ▸ Présentation du Projet
- Nom du projet : Exact Form
- Client : Projet personnel pour l’obtention du bac+3
- Date de début : Début Janvier 2023
- Date de fin : Fin Avril 2023 (4 mois)
Vidéo de présentation du site Exact Form
Vidéo de présentation de la partie Back Office du management des données récoltées par le lien du formulaire créé auparavant
2 ▸ Objectifs du Projet
Développer une plateforme de gestion de formulaires permettant le stockage sécurisé des données sans schémas prédéfinis, offrant un dashboard avancé pour la gestion, la modification et l’affichage des soumissions. Utilisation de Next.js et TypeScript pour le front-end, Express.js et TypeScript pour le back-end, avec MongoDB Atlas pour la base de données afin de réduire les coûts d’hébergement.
3 ▸ Défis rencontrés
- Création d’un système de stockage de données flexible sans schémas prédéfinis pour une liberté optimale.
- Développement d’un dashboard sécurisé et intuitif pour la gestion complète des soumissions de formulaires.
- Sécurisation et confidentialité absolue des données stockées sur MongoDB Atlas.
4 ▸ Solutions apportées
- Utilisation de Next.js et TypeScript pour un front-end réactif et performant.
- Implémentation d’Express.js et TypeScript pour un back-end robuste permettant une gestion sécurisée des données.
- Utilisation de MongoDB Atlas pour le stockage des données, assurant une sécurité renforcée et une gestion efficace des performances sans besoin de serveur dédié.
5 ▸ Technologies
- Front-end : Next.js (TypeScript)
- Back-end : Express.js (TypeScript)
- Base de données : MongoDB Atlas
- Langages de programmation : TypeScript
- Serveurs de production : Vercel pour le front-end, Render pour l’API
6 ▸ Processus
Utilisation de méthodes agiles pour le développement, avec une maquette initiale sur Figma avant l’intégration, inspirée par des maquettes et des sites sur Dribbble.com.
7 ▸ Résultats obtenus
Exact Form a été développé avec succès, offrant une plateforme robuste pour la gestion de formulaires avec une sécurité et une confidentialité des données renforcées. Le système de stockage sans schémas prédéfinis permet une flexibilité optimale pour les utilisateurs.
8 ▸ Retours sur la mission
Ce projet a été crucial pour l’obtention de mon diplôme en bac+3, consolidant mes compétences en développement web, gestion de données et sécurité informatique. Il a également permis d’appliquer des concepts avancés de TypeScript et MongoDB dans un contexte pratique.
9 ▸ Compétences Acquises
- Développement avancé avec Next.js, Express.js et MongoDB Atlas.
- Gestion sécurisée des données et confidentialité avec un système de stockage sans schémas prédéfinis.
- Optimisation du front-end et du back-end pour une performance maximale et une expérience utilisateur intuitive.
10 ▸ Difficultés Rencontrées
- Implémentation complexe d’un système de stockage flexible sans schémas prédéfinis tout en assurant la sécurité et la performance.
- Adaptation et optimisation continue du dashboard pour répondre aux besoins évolutifs des utilisateurs.