Giter VIP home page Giter VIP logo

react-microservices-example's Introduction

react-microservices-example

Introduction

In this project I will try to show some concepts and techonologies related to microservices. This is an example of a booking website with a react app, spring boot and NodeJs services.

Every piece on this project was created with intention to show some features of a microservice architecture and the react app intend to show how we can put everything together.

My main motivation for this project is to have something in my portifolio to show to anyone interested in my job. Furthermore, I think it can be usefull for anyone interested in exchange some knowledge about microservice archtecture. I will try to show how to build a website based on microservices but let me know if you find something to improve in this code.

My free time is scarce then I will try to improve this project a little by little. I hope to complete this endeavor sometime in the future but for now I am trying to optimize my time. My mission is just to show how a fancy microservice enviroment looks like and to present some tools and features that can be useful to build this environment.

Overview

Here is how this project is organized:

  • /react-microservices-example
    • /accommodation-service -> sprin boot service related to accommodation process. It show some basics (but nice) features of spring boot. An example of swagger can be found here;
    • /file-service -> utility service to handle images and files;
    • /findmyplace_website -> A website written in react to consume the services;
    • /reservation-service -> spring boot service related to reserve process to show a case of eventual consistency. It will be used to make a reservation and inform the schedule about that event;
    • /schedule-service -> spring boot service related to schedule that will work together with the reservation service;
    • /findmyplace-config-server -> This is a centralized config server for my services;  * /zuul-api-gateway-server   -> This is the api gateway. For now it has a basic security layer (for a real scenario would be better something a bit sophisticated) and it generates a simple access log as example;
    • docker-compose.yml -> Docker config for a dev enviroment;

Where do I start?

I would recommend to take a look into the /accommodation-service first, but every project/service has his own README.md file. I will use it to describe every service and its features.

How to install it?

This project will run inside a docker.

inside the /react-microservices-example folder: $ docker-compose up --build

Sorry, but this process will take a loooooo...ooonng time but with some luck you will be able to run it without errors. I do not really recommend to install all this project for now. It will spend a lot of time and the only visible interface will be a simple accommodation search written in react. I will separate all this projects from the same docker-compose file soon.

References

react-microservices-example's People

Contributors

jmagnojunior avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.