Rabiezouita11 / pfe-Master

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Modélisation et mise en place une application web e-commerce (serre intelligente)

Description du projet:

Application web e-commerce pour la serre intelligente : Intégrer des fonctionnalités de panier d'achat, de paiement en ligne et de gestion des commandes pour permettre aux agriculteurs d'acheter des serres intelligentes en ligne. Créer une interface utilisateur conviviale et responsive pour une expérience d'achat agréable. Utiliser Angular 13 pour le développement de l'application web. Utiliser Express.js comme framework backend pour gérer les requêtes et les opérations liées à la vente en ligne. Utiliser Sequelize comme ORM (Object-Relational Mapping) pour interagir avec la base de données.

Tableau de bord de contrôle intégré : Développer une application web pour intégrer le tableau de bord de contrôle de la serre intelligente au site web e-commerce. Permettre aux agriculteurs de surveiller et de contrôler les paramètres de croissance des plantes tels que la température, l'humidité, l'éclairage, etc. Utiliser Angular 13 pour développer l'interface utilisateur du tableau de bord. Établir une communication en temps réel avec la serre intelligente en utilisant des technologies IoT.

Prototype de serre intelligente : Concevoir et construire un prototype de serre intelligente en utilisant des capteurs, des actionneurs et l'Internet des objets (IoT). Les capteurs surveilleront les paramètres environnementaux de la serre tels que la température, l'humidité, la luminosité, etc. Les actionneurs permettront de contrôler les conditions internes de la serre, par exemple, en ajustant l'éclairage ou l'arrosage automatiquement. Utiliser des technologies telles que l'Arduino pour la gestion des capteurs et des actionneurs.

Application Flutter pour les agriculteurs : Créer une application mobile Flutter pour les agriculteurs afin de surveiller l'état de la serre intelligente et recevoir des notifications en cas de problèmes. Utiliser des capteurs connectés à la serre intelligente pour recueillir des données environnementales. Envoyer des notifications aux agriculteurs en cas de conditions anormales telles que des températures élevées, une humidité excessive, etc.

Système de quiz et récompenses : Implémenter un système de quiz pour évaluer les connaissances et les résultats des agriculteurs. Récompenser les agriculteurs qui obtiennent de bons résultats en leur offrant des avantages ou des réductions sur les produits de la serre intelligente.

Interface d'administration : Créer une interface d'administration pour les administrateurs afin de gérer les avis des agriculteurs, les commandes, les utilisateurs et surveiller les statistiques du site web. Utiliser des technologies telles que Angular 13 pour développer l'interface d'administration. Permettre aux administrateurs de gérer les données et de prendre des décisions basées sur les informations collectées.

Feedback des agriculteurs : Solliciter les avis des agriculteurs qui utilisent les serres intelligentes pour recueillir leurs expériences d'utilisation et leurs suggestions d'amélioration. En utilisant les technologies suivantes : Angular 13, Express.js, Sequelize, MySQL, NoSQL, l'API Nodemailer pour les e-mails, Flutter, l'IoT et Arduino.

Ces éléments vous permettront de créer une application e-commerce complète pour une serre intelligente, en offrant aux agriculteurs une plateforme pour acheter des serres, surveiller leur état, contrôler les paramètres de croissance et interagir avec le système.

Steps for Project Execution :

- git clone https://github.com/Rabiezouita11/pfe-Master.git
configuration Base de données pour site e-commerce
Créer une base de données Sql  appelée "ecommerce".
configuration Base de données pour tableau de bord de contrôleq
Créer une base de données Sql  appelée "dashboard".
Server Install pour site e-commerce
cd ecommerce-backend  
npm install 
npm run dev 
Client Install pour site e-commerce
cd ecommerce-fronted
npm install --force
ng serve 
Server Install pour tableau de bord de contrôle
cd dashboard\backend
npm install 
npm run dev 
Client Install pour tableau de bord de contrôle
cd dashboard\fronted
npm install --force
ng serve
configuration email (Server : backend ) :
cd ecommerce-backend
update file (pfe-Master\ecommerce-backend\.env) :
SECRET_KEY= "secret"
EMAIL_USER= 'votre email'
EMAIL_PASSWORD= 'votre mot de passe'
role
Client : user
Admin : admin
agriculteur : Agriculteur
configuration base donner firebase (Server : backend ) pour site e-commerce :
cd ecommerce-backend
update file (ecommerce-backend\firebaseConfg.js) :

const firebase = require("firebase");
const app = firebase.initializeApp({
    apiKey: "votre apikey"
    authDomain: "votre authDomain"
    databaseURL: "votre databaseUrl",
});
module.exports = app;
configuration base donner firebase (Server : backend ) pour tableau de bord de contrôle :
cd dashboard\backend
update file (dashboard\backend\firebase\firebaseConfg.js) :

const firebase = require("firebase");
const app = firebase.initializeApp({
    apiKey: "votre apikey"
    authDomain: "votre authDomain"
    databaseURL: "votre databaseUrl",
});
module.exports = app;
Area Technology
Front-End Angular 13 , Bootstrap, HTML5, CSS3, Typescript
Back-End Express, Node.js
Authentication JWT(JSON Web Tokens)
API Testing Postman
Database Sql , firebase
Images Storage locale
Other APIs Used Stripe Payment,api map , API de géolocalisation , API email

Demo 1

received_928179068237944.mp4

Demo 2

received_531063916_edit-1470506657_muted.mp4

Screenshots

Base de données firebase

firebae 3

firebase

firebase2

prototype serres intillegents

3202ab00-bf77-4901-bd64-b66892b8ee61photo 20230531_164848_(1) 20230531_164900

lien pour présentation de projet:

https://www.canva.com/design/DAFjflsdjnA/0sL3ErnfAGLEN_4_CbarxQ/edit?utm_content=DAFjflsdjnA&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

About


Languages

Language:JavaScript 71.5%Language:SCSS 22.4%Language:HTML 2.9%Language:TypeScript 1.8%Language:CSS 1.3%Language:Twig 0.1%