Achref Awaissi

Durant mon Master 2, j’ai étudié et approfondi de nombreuses technologies liées au développement web, en particulier React.js, Next.js, TypeScript et les bonnes pratiques de conception d’interfaces frontend modernes, ainsi que la mise en place de backends robustes. Cette formation m’a permis de comprendre l’ensemble du cycle de développement web, de la conception des interfaces à la gestion des données côté serveur. Pour mettre en pratique ces compétences, j’ai développé le projet Optilogi, une plateforme web complète de recherche immobilière, sur une période de 6 mois avec une approche produit et une roadmap bien définie. Frontend (React, TypeScript, Tailwind CSS) Le frontend repose sur React.js et TypeScript, avec une architecture modulaire permettant de créer des composants réutilisables pour accélérer le développement et assurer la cohérence de l’interface. L’UI est construite avec Tailwind CSS, garantissant un design responsive et une adaptation fluide sur desktop, tablette et mobile. Utilisation de Redux pour la gestion d’état global (authentification, filtres de recherche, gestion des favoris). Intégration avec Google Maps API pour la carte interactive et le calcul des distances en temps réel. Possibilité de modifier les chambres, les couleurs et la disposition des éléments pour personnaliser les logements et enrichir l’expérience utilisateur. UX conçue sous Figma, traduite en interfaces modernes, rapides et accessibles. Backend (Nest.js, MongoDB) Côté serveur, l’architecture est développée avec Nest.js et TypeScript, offrant un code structuré, maintenable et sécurisé. Base de données MongoDB, optimisée pour stocker les annonces, utilisateurs et personnalisations. Mise en place d’API REST sécurisées (authentification JWT, gestion des rôles, validation des données). Déploiement sur AWS, avec gestion CI/CD et monitoring. Fonctionnalités clés Recherche de logement via carte interactive (Google Maps). Visualisation en temps réel des biens disponibles. Calcul des distances et optimisation des trajets avec l’API Google Transit. Personnalisation visuelle des biens : modification des chambres, des couleurs et de la disposition des éléments grâce à l’IA Spacely. Abonnement utilisateur et paiements sécurisés via Stripe. Résultat Une plateforme performante, responsive et évolutive, combinant les meilleures pratiques en développement frontend avec React/Tailwind et en backend avec Nest.js/MongoDB, pensée pour offrir une expérience utilisateur riche et personnalisée.

SwytShop – Projet e-commerce innovant Durant mon Master 1, j’ai appris à développer des applications frontend et backend avec React.js, Next.js, Tailwind CSS, TypeScript et Nest.js, ce qui m’a permis de créer des projets complets et modulables comme SwytShop. Frontend (React, Next.js, Tailwind CSS) Le frontend est construit avec Next.js pour bénéficier du Server-Side Rendering (SSR), offrant une performance optimale et un excellent référencement. L’interface utilisateur est réalisée avec React.js et Tailwind CSS, garantissant un design moderne, responsive et facilement adaptable sur tous les devices. Développement de composants réutilisables pour accélérer le développement et assurer la cohérence de l’interface. Gestion dynamique du panier et des interactions utilisateurs avec React et Next.js. UX/UI pensée pour une navigation intuitive et un parcours d’achat optimisé. Backend (Nest.js, MongoDB) Le backend repose sur Nest.js pour une architecture robuste et modulable. Gestion sécurisée de l’authentification avec JWT. Stockage et requêtes des données dans MongoDB pour les utilisateurs, produits et commandes. Gestion en temps réel des commandes et notifications utilisateurs. Intégration de Stripe API pour le traitement des paiements sécurisés. Fonctionnalités clés Panier d'achat dynamique et gestion des commandes en temps réel. Interface administrateur complète pour gérer produits, utilisateurs et commandes. Notifications temps réel et suivi des commandes. Code structuré, modulaire et maintenable, avec versionnement via Git et workflow clair. Résultat Une plateforme robuste, performante et évolutive, mettant en avant les meilleures pratiques de développement frontend avec React/Next.js et Tailwind, et un backend structuré avec Nest.js et MongoDB, offrant une expérience utilisateur optimale et un produit facilement maintenable et scalable