Bonjour, j'ai besoin d'aide sur un projet de gestion de film en Vue js, j'ai du mal à le réaliser, il m'a été donné à l'école le projet est le suivant avec tous les détails.
Si quelqu'un pourrait le réaliser ça serait fantastique, merci d'avance!
Spécifications
Fonctionnalités
- Ajout, suppression et édition des informations d’un film
- Affichage de la liste des films
- Recherche à l’intérieur des différents paramètres (un seul champ de recherche)
- Upload d’un poster pour chaque film
- Possibilité de noter un film sur une échelle de 1 à 5
- Les pages doivent posséder un style CSS
La liste des films est stockée comme variable globale par Node.js. C’est à dire que si on redémarre le serveur, la liste des films est réinitalisée automatiquement.
Librairie conseillées
Objet Film
Voilà les informations de base qui doivent être contenues dans un film (hors notation et image) :
- Titre
- Année de sortie
- Langue
- Réalisateur
- Nom / Prénom
- Nationalité
- Date de naissance
- Genre du film (Science-Fiction, Historique etc…)
Structure des pages
/ -> Liste des films avec recherche
/movie/:id -> Détails d'un film (avec lien vers édition, suppression, notation)
/movie/:id/edit -> Modification d'un film
Il s’agit des pages visibles par l’utilisateur dans son navigateur, cette liste n’inclut pas les chemins supplémentaires pour l’API dans Node.js.
Structure de fichiers
package.json
webpack.config.js
node_modules/
src/
|_ static/ # les images et fichiers CSS
|_ node/
|_ app.js # point d'entrée de l'application Node
|_ routes.js # Routes de l'application
|_ vue/
|_ main.js # point d'entrée de l'application Vue.js
|_ app.vue
|_ routes.js # config de vue-router
|_ store.js # vuex
|_ components/
|_ movie-item.vue
|_ ...
|_ dist/ # Sortie de la compilation avec Webpack
C’est le Store de Vue.js qui centralise les requêtes vers l’API Node.js lorsqu’elles concernent la liste des films.
Le projet doit se lancer avec la commande :
$ npm install && node_modules/.bin/webpack --progress --hide-modules && node src/node/app.js