Flask and React/Redux boilerplate

Boilerplate code for setting up a Flask and React / Redux project. Built on top of the Flask and React boilerplate project. Also includes a Webpack build and boilerplate pytests.

Made with the following tutorials and the occasional SO:

• How To Structure Large Flask Applications
• Flask tutorial
• Redux tutorial

Install and run the Flask and React apps to get started.

Screenshot

Flask app

Install

1. Install python, pip, virtualenv.
2. Create virtualenv: virtualenv env
3. Activate it: source env/bin/activate
4. Install dependencies: pip install -r requirements.txt

Tests

Test boilerplate provided.

pytest

Run

To run the Flask server, run:

python run.py

Then, open http://localhost:5000/api/entries/ in a browser.

You should see the response:

[]

React and Redux app

Install

1. Install node and npm.
2. npm install.
3. npm run build.

Run

To start the Webpack dev server, run:

npm start

This will run the Webpack dev server on port 8080.

With the Flask server running, open http://localhost:5000/ in a browser.

You should see the "Hello World!" page.

Develop

Change something in app/static/js/app.js. Change something in app/static/sass/app.css. Changes should be reflected immediately in the browser.

License

See LICENSE.