Aplicacion para el manejo de pedidos (Meseros y cocina) en tiempo real en un restaurante, desarrollada completamente en Javascript y utilizando Firebase como PaaS.
Tech | Description | Learn More |
---|---|---|
React | Fast, composable client-side components. | Pluralsight Course |
Redux | Enforces unidirectional data flows and immutable, hot reloadable store. Supports time-travel debugging. Lean alternative to Facebook's Flux. | Tutorial |
React Router | A complete routing library for React | Pluralsight Course |
Babel | Compiles ES6 to ES5. Enjoy the new version of JavaScript today. | ES6 REPL, ES6 vs ES5, ES6 Katas, Pluralsight course |
Webpack | Bundles npm packages and our JS into a single file. Includes hot reloading via react-transform-hmr. | Quick Webpack How-to Pluralsight Course |
Browsersync | Lightweight development HTTP server that supports synchronized testing and debugging on multiple devices. | Intro vid |
Mocha | Automated tests with Chai for assertions and Cheerio for DOM testing without a browser using Node. | Pluralsight Course |
TrackJS | JavaScript error tracking. | Free trial |
ESLint | Lint JS. Reports syntax and style issues. Using eslint-plugin-react for additional React specific linting rules. | |
SASS | Compiled CSS styles with variables, functions, and more. | Pluralsight Course |
Editor Config | Enforce consistent editor settings (spaces vs tabs, etc). | IDE Plugins |
npm Scripts | Glues all this together in a handy automated build. | Pluralsight course, Why not Gulp? |
##Configuración inicial de la maquina
- Instalar Node 4.0.0 o superior - (Se recomienda instalar la versión 5.0 o superior). Puedes usar NVM para manejar múltiples versiones de Node en la misma maquina? Use nvm.
- Instalar Git.
- Instalar React developer tools and Redux Dev Tools en Chrome. (opcional.)
- En un Mac? Eso es todo lo que necesitas, a continuación se detalla la instalación en linux y windows
On Linux:
- Ejecuta esto Incrementa el limite en el numero de archivos que se puede observar. Acá el porque.
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
En Windows:
- Instalar Python 2.7. Algunos módulos de node puede depender de node-gyp, El cual requiere Python en Windows.
- Instalar el compilador de C++. Browser-sync requirere un compilador de C++ en Windows. Visual Studio Express Viene con un compilador de C++ gratuito.O si ya tienes Visual C++ instalado: Abre visual estudio code y ve a File -> New -> Project -> Visual C++ -> Install Visual C++ Tools for Windows Desktop.
- Clona el proyecto.
git clone https://github.com/batusai513/client-side-restaurant-app.git
. - Instalar los paquetes de Node.
npm install
- Corre la aplicación con:.
npm start -s