gdgtoledo / katangapp-frontend Goto Github PK
View Code? Open in Web Editor NEWApp to see bus stops timing in Toledo, Spain
License: Apache License 2.0
App to see bus stops timing in Toledo, Spain
License: Apache License 2.0
preInstall could execute clean, i.e.
manage all async actions with middleware redux saga https://redux-saga.js.org/
use for testing
https://github.com/jfairbank/redux-saga-test-plan/blob/master/README.md
Could it be possible to start it at 6 o'clock too?
we can manage errors in store with errors array key
Remove assets/icons/pin.png and create a new react icon in components/icons/pin.js with svg code inside component ready to be rendered.
This will allow configuring the whole backend + frontend service in the same environment, i.e. a docker-compose using both images.
Create intro component to show when the user comes into web
add fav.ico files and import all of them in html
Deploy RC1 to production with wedeploy
Sincronize flow to deploy to a wedeploy container
Set good progressive web app architecture
Creta alias in webpack to solve errors and dirty paths when import a module
alias can be:
actions
containers
controles
store
reducers
....
We'd need the main command that will be executed on startup, like './my-project/start.sh' or similar.
include redux architecture
https://github.com/reactjs/redux
include redux router
https://github.com/reactjs/react-router-redux/tree/master
Try to do a complete fluid
home > loading > results
we can control loading app behavior suscribing us to store and managing a loading state for the app
> npm install && ./node_modules/.bin/webpack --config ./webpack.config.js
npm WARN package.json [secure][email protected] license should be a valid SPDX license expression
-npm WARN engine [email protected]: wanted: {"node":">=4.3.0 < 5.0.0 || >= 5.10"} (current: {"node":"4.1.2","npm":"2.14.4"})
npm WARN engine [email protected]: wanted: {"node":">=4.7"} (current: {"node":"4.1.2","npm":"2.14.4"})
npm WARN engine [email protected]: wanted: {"node":">=4.3.0 <5.0.0 || >=5.10"} (current: {"node":"4.1.2","npm":"2.14.4"})
npm WARN peerDependencies The peer dependency file-loader@* included from url-loader will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
-npm WARN optional dep failed, continuing [email protected]
-npm WARN engine [email protected]: wanted: {"node":">=4.3.0 <5.0.0 || >=5.10"} (current: {"node":"4.1.2","npm":"2.14.4"})
npm WARN engine [email protected]: wanted: {"node":">=4.3.0 <5.0.0 || >=5.10"} (current: {"node":"4.1.2","npm":"2.14.4"})
-npm WARN optional dep failed, continuing [email protected]
-> [email protected] install /home/travis/build/craftsmanship-toledo/[secure]pp-frontend/node_modules/node-sass
> node scripts/install.js
Update to webpack 2
Añadir varias mejoras en componentes y containers
Sistema de build a producción y desarrollo local
implement all logic to control redux flux in results component and their childrens.
Control errors in responses and redirect to error page with correct message
Para poder hacer más homogénea la experiencia leyendo/escribiendo nuestro código se necesita implementar prettier para el formateo correcto del código según nuestras reglas.
ahora un yarn lin
o npm run lint
nos formateará el codigo segun las reglas de prettier (nuestro formatedor de código)
we must declare env vars on Travis holding the values of DockerHub user and password
npm WARN [email protected] requires a peer of node-sass@^4.0.0 but none was installed.
npm WARN [email protected] requires a peer of file-loader@* but none was installed.
npm WARN [email protected] license should be a valid SPDX license expression
iterate busStops store object and to render all busRoutes components
Implantar infraestructura, ya se analizó en la issue [#52] ( frakmeworks, tareas de npm scripts etc ) para poder crear y lanzar test unitarios para los archivos javascript.
Do all documentation relative to project
Style all components in results container
Crear el archivo CONTRIBUTING.md como el mismo github recomienda en:
https://opensource.guide/starting-a-project/#writing-your-contributing-guidelines
Borrar la parte de la wiki que habla a todo este respecto
Enlazar en el README.md a este archivo CONTRIBUTING.md en el apartado "No nos mires, únete"
npm run lint
Although bus stops are fetched properly, this error appears on console:
katanga.js:13504 Uncaught (in promise) Error: Actions must be plain objects. Use custom middleware for async actions.
at dispatch (katanga.js:13504)
at katanga.js:31243
at dispatch (katanga.js:31295)
at goToResults (katanga.js:8708)
at katanga.js:14734
at <anonymous>
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.