Projet terminé

SearchFilms

Développement Web
2024

Description du Projet

SearchFilms est une application web innovante de recherche et gestion de films développée avec Symfony et Vue.js. Elle permet aux utilisateurs de découvrir, rechercher et gérer une collection de films avec une interface réactive et fluide.

Le projet se distingue par son architecture hybride : un backend robuste en Symfony gérant l'authentification, la base de données et les API, couplé à un frontend dynamique en Vue.js offrant une expérience utilisateur proche d'une application native. Cette combinaison permet d'obtenir les avantages des deux technologies.

SearchFilms intègre un système complet de CRUD (Create, Read, Update, Delete) pour la gestion des films, un historique détaillé des recherches par utilisateur, et utilise des fixtures pour générer des données réalistes. L'application est entièrement responsive et offre une recherche instantanée avec filtrage multi-critères.

Me contacter

Aperçu du Projet

Démonstration interactive

Le site sera déployé prochainement. En attendant, vous pouvez consulter le code source sur GitHub.

La version démo de SearchFilms sera bientôt accessible. Revenez plus tard pour tester la plateforme !

Voir le Code Source

Le code source de SearchFilms est disponible sur GitHub. Vous pouvez explorer l'implémentation du système de recherche de films développé avec Symfony et Vue.js.

Outils et Technologies

Symfony

Framework PHP utilisé pour le backend, la gestion de l'authentification, les API RESTful et la communication avec la base de données.

Vue.js

Framework JavaScript progressif utilisé pour créer l'interface utilisateur réactive et dynamique, avec composants réutilisables et gestion d'état.

MySQL

Système de gestion de base de données relationnelle pour stocker les informations des films, utilisateurs et historiques de recherche.

API Platform

Framework pour construire des API web modernes, utilisé pour exposer les données films au frontend Vue.js.

Doctrine Fixtures

Utilisé pour générer des données de films réalistes pour les tests et les démonstrations, avec des acteurs, réalisateurs et genres variés.

Symfony Security

Composant de sécurité Symfony pour l'authentification utilisateur, l'autorisation basée sur les rôles et la protection des routes API.

Axios

Client HTTP basé sur les promesses pour JavaScript, utilisé pour communiquer entre le frontend Vue.js et les API Symfony.

Fonctionnalités Principales

Recherche Avancée

Système de recherche multi-critères en temps réel permettant de filtrer les films par titre, genre, année, acteur ou réalisateur avec suggestions automatiques.

Authentification Sécurisée

Système d'authentification complet avec inscription, connexion, récupération de mot de passe et profils utilisateurs personnalisables.

Historique de Recherche

Enregistrement et affichage chronologique des recherches effectuées par chaque utilisateur, avec possibilité de réutiliser ou supprimer les recherches précédentes.

CRUD Complet

Fonctionnalités complètes de création, lecture, mise à jour et suppression pour la gestion des films, avec validation des formulaires et feedback utilisateur.

Processus de Développement

1

Architecture Hybride

Conception de l'architecture hybride combinant Symfony et Vue.js, définition des modèles de données et planification des API nécessaires.

2

Backend Symfony

Développement du backend avec Symfony, création des entités, configuration des routes API, et implémentation du système d'authentification.

3

Génération des Données

Création des fixtures Doctrine pour générer un jeu de données réalistes de films, acteurs, réalisateurs et genres pour le développement et les tests.

4

Frontend Vue.js

Développement de l'interface utilisateur avec Vue.js , création des composants réutilisables et mise en place du store Vuex pour la gestion d'état.

5

Intégration API

Connexion du frontend Vue.js aux API Symfony via Axios, gestion des requêtes asynchrones et mise en place du système de recherche temps réel.

6

Tests et Optimisation

Réalisation de tests fonctionnels, optimisation des performances de recherche et amélioration de l'expérience utilisateur suite aux retours des testeurs.

Retour aux projets