Pixie & Dixie Front-end is the nice part of the Pixie & Dixie ultimate universe!
Checkout the [1] Pixie & Dixie API for full setup.
Clone stuff obviously:
$ git clone git@github.com:Dorious/pixiedixie-web.git
You will need pixiedixie-api anyway to run so please get that to and install it.
And install what is necessary:
$ npm install
$ npm run build
# npm run production
This will build bundle of the project and run http-server to serve the site.
After that you can run docker stuff.
$ docker image build -t pixiedixie-web:1.0.1
$ docker container run --publish 9000:9000 --name pixiedixie-web pixiedixie-web:1.0.1
Docker Compose (don't work fully, should forward network but I can't proxy the api, will fix later):
$ docker-compose up
Thinking about diff approach if proxy won't work:
Instead of trying to proxy from one container to another I wil run them and then make proxy server on top to connect them both.
We are using webpack-dev-server, so:
$ npm start
...and voila! If you have api on different port check webpack.config.js for proxy.
- Webpack + Babel
- React + Hooks + Styled Components
- TypeScript
- Axios
- Jest (with ts-jest preset)
- Generally this was done really fast testing new features and Styled Components, so this is not written beautifully.
- LazyLoading could be better and nicer indicated.
- Do better job when orientation change.
- Move action/logic stuff from ./components/* to HOC components.
- Ideas I haven't added:
- DataSource picker, we have ?datasources[] parameter and it's api so we can add user posibility to change them.