realtime-food-ordering

This is a sample nodejs + reactjs web app to learn egg.js and socket.io.

Tech stack

Backend

• MySQL 5.7
• egg.js, with these plugins:
  • egg-socket.io, to work with socket.io to implement realtime functionalities.
  • egg-redis
  • egg-sequelize, an active-record style ORM.

Frontend

• React
• Redux
• bulma

Get started

• Clone this repo.
• cd db
• ./db_up.sh, to start mysql and redis in docker.
• cd ../backend
• yarn install
• yarn dev, to start backend server.
• cd ../frontend
• yarn install
• yarn watch, compile and watch file changes.
• yarn server, start development server to serve compiled files (I didn't use webpack-dev-server so we need 2 steps here to start dev server).
• Open browser at http://localhost:3000, one browser tab corresponds to a "user".

Screenshots

User 1:

User 2:

TODO

• Create config files (for webpack and egg.js) to create a production build.
• Build into docker containers, and start with a docker-compose command.