Ce projet est une preuve de concept (Proof of Concept - POC) utilisant Vue.js pour le frontend et MongoDB pour la gestion de la base de données. L'objectif est de démontrer comment ces technologies peuvent être intégrées pour créer une application web performante et scalable.
- Prérequis
- Installation
- Configuration
- Utilisation
- Structure du projet
- Fonctionnalités
- Technologies utilisées
- Contribuer
- Licence
- Contact
Avant de commencer, assurez-vous d'avoir les éléments suivants installés sur votre machine :
- Node.js (version 14 ou supérieure)
- npm (version 6 ou supérieure)
- MongoDB (version 4 ou supérieure)
- Clonez le repository :
git clone https://github.com/rundredoffi/POC-VueJSMongoDB.git- Accédez au répertoire backend du projet :
cd POC-VueJSMongoDB/backend- Installez les dépendances :
npm install- Accédez au répertoire frontend du projet :
cd ../frontend- Installez les dépendances :
npm install- Démarrez le serveur MongoDB :
mongod- Démarrez le backend :
npm run start- Démarrez l'application frontend :
npm run serve- Accédez à l'application via votre navigateur à l'adresse suivante :
http://localhost:8080
Voici un aperçu de la structure du projet :
POC-VueJSMongoDB/
├── backend/
│ ├── src/
│ │ ├── controllers/
│ │ ├── models/
│ │ ├── routes/
│ │ ├── app.js
│ │ └── ...
│ ├── .env.example
│ └── package.json
├── frontend/
│ ├── public/
│ ├── src/
│ │ ├── assets/
│ │ ├── components/
│ │ ├── views/
│ │ ├── App.vue
│ │ ├── main.js
│ │ └── ...
│ ├── .env.example
│ └── package.json
└── ...
- Authentification : Gestion de l'authentification des utilisateurs avec JWT.
- CRUD : Fonctionnalités de création, lecture, mise à jour et suppression pour les documents MongoDB.
- Interface utilisateur réactive : Utilisation de Vue.js pour une expérience utilisateur fluide et dynamique.
- Frontend : Vue.js, Vue Router, Vuex
- Backend : Node.js, Express.js
- Base de données : MongoDB
- Autres : Axios
Les contributions sont les bienvenues ! Si vous souhaitez contribuer, veuillez suivre les étapes ci-dessous :
- Forkez le projet
- Créez une branche pour votre fonctionnalité (
git checkout -b feature/AmazingFeature) - Commitez vos modifications (
git commit -m 'Add some AmazingFeature') - Poussez votre branche (
git push origin feature/AmazingFeature) - Ouvrez une Pull Request
Ce projet est sous licence MIT. Voir le fichier LICENCE pour plus d'informations.
Pour plus de détails ou des questions, veuillez me contacter par email à l'adresse suivante : [contact.rundred@gmail.com]