/react-redux-flask-todolist

Todo list practice project based on react.js, redux and flask.

Primary LanguageJavaScript

react-redux-flask-todolist

Made a todo list practice project.

Stack

  • React.js 0.14
  • Redux
  • Babel
  • Webpack
  • Flask

Features

  • Frontend: React.js + Redux
  • Backend: Flask
  • Using JSON file as database
  • Access APIs through middleware in Redux
  • Access APIs throught proxy in Webpack

Screenshots

Todo List

Starting Guide

Backend

  1. Create isolated Python environments:

    virtualenv venv
    
  2. Enter this environment:

    source venv/bin/activate
    
  3. Install python packages:

    pip install -r pip-requires.txt
    
  4. Start backend:

    python run.py
    

Frontend

  1. Go to frontend folder:
cd todo/
  1. Install packages:
npm install
  1. Start frontend:
npm run start
  1. Open http://localhost:3000/

License

MIT License