{"id":20859531,"url":"https://github.com/darkshadowcoder/microservices-with-docker-flask-and-react","last_synced_at":"2026-05-06T02:31:43.307Z","repository":{"id":177922144,"uuid":"657425583","full_name":"DarkShadowCoder/Microservices-with-Docker-flask-and-react","owner":"DarkShadowCoder","description":"Projet des creation de sites web sous une architecture microservices grace à flask et React maintenus suivant des test et des integrations continus , empaqueté avec Docker et deployé sur Amazon EC2","archived":false,"fork":false,"pushed_at":"2023-11-15T01:18:40.000Z","size":80530,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-23T22:48:47.833Z","etag":null,"topics":["amazon-ec2","docker","docker-compose","flask-application","flask-backend","microservice-application","microservices","reactjs","restful-api","test-automation","web","web-framework","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DarkShadowCoder.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-06-23T03:19:58.000Z","updated_at":"2023-11-28T11:05:56.000Z","dependencies_parsed_at":"2023-11-15T02:51:47.753Z","dependency_job_id":null,"html_url":"https://github.com/DarkShadowCoder/Microservices-with-Docker-flask-and-react","commit_stats":null,"previous_names":["eivos25/microservices-with-docker-flask-and-react","darkshadowcoder/microservices-with-docker-flask-and-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DarkShadowCoder/Microservices-with-Docker-flask-and-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DarkShadowCoder%2FMicroservices-with-Docker-flask-and-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DarkShadowCoder%2FMicroservices-with-Docker-flask-and-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DarkShadowCoder%2FMicroservices-with-Docker-flask-and-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DarkShadowCoder%2FMicroservices-with-Docker-flask-and-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DarkShadowCoder","download_url":"https://codeload.github.com/DarkShadowCoder/Microservices-with-Docker-flask-and-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DarkShadowCoder%2FMicroservices-with-Docker-flask-and-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32676065,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-05T11:29:49.557Z","status":"online","status_checked_at":"2026-05-06T02:00:08.308Z","response_time":117,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["amazon-ec2","docker","docker-compose","flask-application","flask-backend","microservice-application","microservices","reactjs","restful-api","test-automation","web","web-framework","webdevelopment"],"created_at":"2024-11-18T04:50:21.174Z","updated_at":"2026-05-06T02:31:43.285Z","avatar_url":"https://github.com/DarkShadowCoder.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Microservices-with-Docker-flask-and-react\n\n\u003cp\u003eProjet de creation d'un site web de gestion d'interactions utilisateurs (login , register , authentification , authorization , test unitaires , developpement et Integration continu , ...) et les operations CRUD sur base de données avec React et flask , tout ceci empaqueter dans des conteneurs Docker pour une meilleure autonomie et modelisé suivant une architecture microservice.\u003c/p\u003e\n\u003cp\u003e\n\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/Docker-2CA5E0?style=for-the-badge\u0026logo=docker\u0026logoColor=white\"\u003e\n\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/conda-342B029.svg?\u0026style=for-the-badge\u0026logo=anaconda\u0026logoColor=white\"\u003e\n\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=white\"\u003e\n\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/Flask-000000?style=for-the-badge\u0026logo=flask\u0026logoColor=white\"\u003e\n\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\"\u003e\n\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/Nginx-009639?style=for-the-badge\u0026logo=nginx\u0026logoColor=white\"\u003e\n\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/Postman-FF6C37?style=for-the-badge\u0026logo=Postman\u0026logoColor=white\"\u003e\n\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/Swagger-85EA2D?style=for-the-badge\u0026logo=Swagger\u0026logoColor=white\"\u003e\n\u003c/p\u003e\n\u003ch2\u003eTable de matiere\u003c/h2\u003e\n\u003col style = \"list-type-style: squarre\"\u003e\n\t\u003cli\u003e\u003ca href = \"\"\u003eConcept de microservices\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003e\u003ca href = \"\"\u003eArchitecture du site\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003e\u003ca href = \"\"\u003eDifferents microservices\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003e\u003ca href = \"\"\u003eInterface utilisateur\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003e\u003ca href = \"\"\u003eInstallation et utilisation du projet\u003c/a\u003e\u003c/li\u003e\n  \t\u003cli\u003e\u003ca href = \"\"\u003eCrédit \u003c/a\u003e\u003c/li\u003e  \n\u003c/ol\u003e\n\u003cdiv style = \"border-top = 2px solid red\" id = \"h1\"\u003e\n  \u003ch2 font-color = \"red\"\u003eConcept d'architecture microservice\u003c/h2\u003e\n\t\u003cp\u003eL'architecture Microservices propose une solution en principe simple : découper une application en petits services, appelés Microservices, parfaitement autonomes, qui exposent une API REST que les autres microservices pourront consommer. \u003cbr\u003e\n\t\u003cimg alt = \"Image de microservice\" src = \"https://user.oc-static.com/upload/2021/12/15/16395870123069_FR_4668056_Banner%26Statics_p1c2-1.jpg\"/\u003e\u003cbr\u003e\n\t\tChaque microservice est parfaitement autonome : il a sa propre base de données, son propre serveur d'application (Tomcat, Jetty, etc.), ses propres librairies et ainsi de suite. La plupart du temps, ces microservices sont chacun dans un container Docker, ils sont donc totalement indépendants y compris vis-à-vis de la machine sur laquelle ils tournent.\n\t\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv style = \"border-top = 2px solid red\" id = \"h2\"\u003e\n  \u003ch2 font-color = \"red\"\u003eArchitecture du site\u003c/h2\u003e\n\t\u003cp\u003eLe site web fonctionne suivant une architecture de microservices. C'est-à-dire que toutes les fonctionalités du systeme sont divisées en de petits microservices possedant chacun sa base de données , ses langages de programmations spécifiques, empaquetés dans des containeurs Docker et retournant une reponse sous format JSON qui sera integré à l'interface utilisateur.\u003cbr\u003e\n\tComme services , c'est un site web qui permet d'inscrire et/ou de connecter les utilisateurs aux fonctionnalité d'un système en passant par les tests d'interface, d'authentification , des integrations contitnues et la sauvegarde des information utilisateurs dans une base de données. A chaque fonctionnalités il existe un service specialisé. Chaque service est empaqueter sous Docker puis deployé avec \u003cstrong\u003eAmazon EC2\u003cstrong\u003e.\u003cbr\u003e\n\t\t\u003cimg alt = \"Image de l'architecture\" src = \"./docs/Architecture.jpeg\" /\u003e\n\t\u003c/p\u003e\n\t\n\u003c/div\u003e\n\u003cdiv style = \"border-top = 2px solid red\" id=\"h3\"\u003e\n  \u003ch2 font-color = \"red\"\u003eDifferents services\u003c/h2\u003e\n\t\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv style = \"border-top = 2px solid red\" id=\"h4\"\u003e\n  \u003ch2 font-color = \"red\"\u003eInterface utilisateur\u003c/h2\u003e\n\t\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv style = \"border-top = 2px solid red\" id = \"h5\"\u003e\n  \u003ch2 font-color = \"red\"\u003eInstallation et utilisation du projet\u003c/h2\u003e\n\t\u003ch3\u003e\u003col\u003e\u003cli\u003eA partir de Docker\u003c/li\u003e \u003c/ol\u003e \u003c/h3\u003e\n\t\u003cp\u003eDocker. Docker est un logiciel qui permet de créer et de gérer des conteneurs, qui sont des environnements isolés pour exécuter des applications. Pour installer Docker, vous devez suivre les étapes suivantes, selon votre système d’exploitation:\u003c/p\u003e\u003cbr\u003e\n\u003cli\u003eSi vous utilisez Windows 10 ou 11, vous devez télécharger le fichier d’installation Docker pour Desktop sur le Docker Hub12, lancer l’installation en tant qu’administrateur, activer les fonctionnalités Hyper-V Windows et lancer Docker.\u003c/li\u003e\n\u003cli\u003eSi vous utilisez Windows 10 ou 11, vous devez télécharger le fichier d’installation Docker pour Desktop sur le Docker Hub12, lancer l’installation en tant qu’administrateur, activer les fonctionnalités Hyper-V Windows et lancer Docker.\u003c/li\u003e\n\t\n\tsudo apt update\n \tsudo apt install apt-transport-https ca-certificates curl software-properties-common\n\tcurl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add \n\tsudo add-apt-repository \"deb [arch=amd64] https://download.docker.com/linux/ubuntu focal stable\"\n\tsudo apt update\n\tsudo apt install docker-ce\n \u003cp\u003ePour consulter le site web , telecharger l'image docker du projet qui sont des fichiers contenant les divers services de l'applications.Dans l'invite de commande, éxecuter la commande suivante:\n \t\n\t docker pull test-driven-app\n  \u003cbr\u003e Pour executer le conteneur, inserer la commande:\n\n  \tdocker run -it test-driven-app\n \u003c/p\u003e\n\n \u003ch3\u003e\u003col\u003e\u003cli\u003eGrace à l'environnement virtuel\u003c/li\u003e \u003c/ol\u003e\u003c/h3\u003e\n \u003cli\u003eTelecharger le projets dans votre machine grace à la commande git:\n \t\n\t git clone https://github.com/DarkShadowCoder/Microservices-with-Docker-flask-and-react.git\n  \t cd Microservices-with-Docker-flask-and-react\n \u003c/li\u003e\n \u003cli\u003eEnsuite activer l'environnemnt virtuel grace à la commande:\n \t\n\t source ./env/bin/activate\n \u003c/li\u003e\n \u003cli\u003eInstaller toutes les librairies requise pour executer l'application grace à:\n\t\n  \tpip install -r requirements.txt\n \u003c/li\u003e\n \u003cli\u003eExecuter le code avec:\n\n \tnpm start\n \u003c/li\u003e\n\u003c/div\u003e\n\u003cdiv style = \"border-top = 2px solid red\" id =\"h6\"\u003e\n  \u003ch2 font-color = \"red\"\u003eCredits\u003c/h2\u003e\n\t\u003ch3\u003eLangages utilisés\u003c/h3\u003e\n\t\u003cp\u003e\n\t\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/Python-FFD43B?style=for-the-badge\u0026logo=python\u0026logoColor=blue\"\u003e\n  \t\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/json-5E5C5C?style=for-the-badge\u0026logo=json\u0026logoColor=white\"\u003e\n\t\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/JavaScript-323330?style=for-the-badge\u0026logo=javascript\u0026logoColor=F7DF1E\"\u003e\n\t\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white\"\u003e\n\t\t\u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white\"\u003e\n\t\u003c/p\u003e\n \u003ch3\u003eMe contacter\u003c/h3\u003e\n \u003cp\u003e\n\t \u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\"\u003e\n\t \u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white\"\u003e\n\t \u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/Quora-%23B92B27.svg?\u0026style=for-the-badge\u0026logo=Quora\u0026logoColor=white\"\u003e\n\t \u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\"\u003e\n \u003c/p\u003e\n\t\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarkshadowcoder%2Fmicroservices-with-docker-flask-and-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdarkshadowcoder%2Fmicroservices-with-docker-flask-and-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarkshadowcoder%2Fmicroservices-with-docker-flask-and-react/lists"}