Anúncio
Anúncio

Mais conteúdo relacionado

Apresentações para você(20)

Anúncio

Building Information Systems with MERN

  1. Building Information Systems with MERN Bani Balaguer
  2. Who am I?
  3. Where I work?
  4. What I do?
  5. Our tech stack
  6. How we did it
  7. API Web Apps Mobile Apps 3rd Party Applications
  8. Application Programming Interface • nodeJS – used for writing code logic, server stuff, etc • Mongoose – node module that serves as wrapper for MongoDB • Express – node module used for routing, provides end-points HTTP_Request is used to request access to the API API Returns JSON payload based on RESTful API design
  9. Web Front-end Framework • React – used to monitor local state • Redux – used to monitor application wide state • Webpack – “compiles” everything into a “single JS file” • Express – serves the HTML • Axios – used to request HTTP Requests to the API • Semantic-UI-React – UI Framework for React
  10. Mobile App Framework • React Native – uses JS and Native libraries for mobile • Redux – app-wide states • Axios – used to request HTTP Requests to the API
  11. How does it work?
  12. API Office Web App Customer Portal Logistics Mobile App 3rd Party Applications
  13. What were we able to build?
  14. Thanks for listening! • https://www.cynder.io/ • Linkedin: gabalaguer • Github: banibalaguer • Facebook: banibalaguer • Instagram: @banivswild • Twitter: @banivswild
  15. Sources: • https://nodejs.org/ • https://expressjs.com/ • https://reactjs.org/ • https://www.mongodb.com/ • http://mongoosejs.com • https://redux.js.org/ • https://webpack.js.org/ • https://github.com/axios/axios • https://semantic-ui.com/ • https://react.semantic-ui.com/ • https://facebook.github.io/react-native/
Anúncio