{"id":13807026,"url":"https://github.com/dternyak/React-Redux-Flask","last_synced_at":"2025-05-14T00:30:44.181Z","repository":{"id":41142699,"uuid":"51275191","full_name":"dternyak/React-Redux-Flask","owner":"dternyak","description":"Boilerplate application for a Python/Flask JWT Backend and a Javascript/React/Redux Front-End with Material UI.","archived":false,"fork":false,"pushed_at":"2021-07-13T02:26:54.000Z","size":17890,"stargazers_count":1502,"open_issues_count":12,"forks_count":323,"subscribers_count":49,"default_branch":"master","last_synced_at":"2025-04-08T10:34:52.065Z","etag":null,"topics":["boilerplate-application","flask","material-ui","react","redux"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dternyak.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-02-08T01:53:09.000Z","updated_at":"2025-02-21T21:47:21.000Z","dependencies_parsed_at":"2022-09-09T21:20:52.823Z","dependency_job_id":null,"html_url":"https://github.com/dternyak/React-Redux-Flask","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dternyak%2FReact-Redux-Flask","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dternyak%2FReact-Redux-Flask/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dternyak%2FReact-Redux-Flask/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dternyak%2FReact-Redux-Flask/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dternyak","download_url":"https://codeload.github.com/dternyak/React-Redux-Flask/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254046198,"owners_count":22005551,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate-application","flask","material-ui","react","redux"],"created_at":"2024-08-04T01:01:19.736Z","updated_at":"2025-05-14T00:30:41.603Z","avatar_url":"https://github.com/dternyak.png","language":"JavaScript","funding_links":[],"categories":["Projects"],"sub_categories":["Boilerplates"],"readme":"# React-Redux-Flask #\n\nBoilerplate application for a Flask JWT Backend and a React/Redux Front-End with Material UI.\n\n* Python 2.7+ or 3.x\n* Pytest\n* Heroku\n* Flask\n* React\n* Redux\n* React-Router 2.0\n* React-Router-Redux\n* Babel 6\n* SCSS processing\n* Webpack\n\n![screenshot](http://i.imgur.com/ZIS4qkw.png)\n\n### Create DB\n```sh\n$ export DATABASE_URL=\"postgresql://username:password@localhost/mydatabase\"\n\nor\n\n$ export DATABASE_URL=\"mysql+mysqlconnector://username:password@localhost/mydatabase\"\n\nor\n\n$ export DATABASE_URL=\"sqlite:///your.db\"\n```\n(More about connection strings in this [flask config guide](http://flask-sqlalchemy.pocoo.org/2.1/config/).)\n```\n$ python manage.py create_db\n$ python manage.py db upgrade\n$ python manage.py db migrate\n```\n\nTo update database after creating new migrations, use:\n\n```sh\n$ python manage.py db upgrade\n```\n\n### Install Front-End Requirements\n```sh\n$ cd static\n$ npm install\n```\n\n### Run Back-End\n\n```sh\n$ python manage.py runserver\n```\n\n### Test Back-End\n\n```sh\n$ python test.py --cov-report=term --cov-report=html --cov=application/ tests/\n```\n\n### Run Front-End\n\n```sh\n$ cd static\n$ npm start\n```\n\n### Build Front-End\n\n```sh\n$ npm run build:production\n```\n\n### New to Python?\n\nIf you are approaching this demo as primarily a frontend dev with limited or no python experience, you may need to install a few things that a seasoned python dev would already have installed.\n\nMost Macs already have python 2.7 installed but you may not have pip install. You can check to see if you have them installed:\n\n```\n$ python --version\n$ pip --version \n```\n\nIf pip is not installed, you can follow this simple article to [get both homebrew and python](https://howchoo.com/g/mze4ntbknjk/install-pip-on-mac-os-x)\n\nAfter you install python, you can optionally also install python 3\n\n```\n$ brew install python3\n```\n\nNow you can check again to see if both python and pip are installed. Once pip is installed, you can download the required flask modules:\n\n```\n$ sudo pip install flask flask_script flask_migrate flask_bcrypt \n```\n\nNow, you can decide on which database you wish to use. \n\n#### New to MySQL? \n\nIf you decide on MySQL, install the free community edition of [MySQL](https://dev.mysql.com/downloads/mysql/) and [MySQL Workbench](https://www.mysql.com/products/workbench/)\n\n1. start MySQL from the System Preferences\n2. open MySQL Workbench and [create a database](http://stackoverflow.com/questions/5515745/create-a-new-database-with-mysql-workbench) called mydatabase but don't create the tables since python will do that for you\n3. Install the MySQL connector for Python, add the DATABASE_URL configuration, and create the database and tables\n\n```\n$ sudo pip install mysql-connector-python-rf\n$ export DATABASE_URL=\"mysql+mysqlconnector://username:password@localhost/mydatabase\"\n$ python manage.py create_db\n```\n\nNote: you do not need to run \"python manage.py db upgrade\" or \"python manage.py db migrate\" if its your first go at it\n\n4. Run Back-End\n\n```\n$ python manage.py runserver\n```\n\nIf all goes well, you should see ```* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)``` followed by a few more lines in the terminal.\n\n5. open a new tab to the same directory and run the front end\n\n```\n$ cd static\n$ npm install\n$ npm start\n```\n\n6. open your browser to http://localhost:3000/register and setup your first account\n7. enjoy! By this point, you should be able to create an account and login without errors. \n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdternyak%2FReact-Redux-Flask","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdternyak%2FReact-Redux-Flask","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdternyak%2FReact-Redux-Flask/lists"}