Time Managment Assistant

To-Do application based on Python/Flask Backend JWT and a Javascript/React/Redux Front-End with Material UI.

• Python 3.x
• Pytest
• Flask
• React
• Redux
• React-Router 2.0
• React-Router-Redux
• Babel 6
• SCSS processing
• Webpack

Introduction

A modern Web Application is made up of three main components:

• Front-end;
• Back-end;
• Database;

Description

To make project well structured we will keep those components separated. A popular and productive technology stack today is a combination of React/Redux for the front-end, Python/Flask for the Backend, and SQLAlchemy as the Python Object Relation Map (ORM) to communicate with your SQL database.

Install Back-End Requirements

$ pip install -r requirements.txt

Install Front-End Requirements

$ cd static
$ npm install

Install Database

• Install the free community edition of MySQL and MySQL Workbench
• Create Scheme "mydatabase"
• Add configuration string to file config.py: mysql+mysqlconnector://root:admin@localhost/mydatabase
• Create tables python manage.py create_db

Run Back-End

$ python manage.py runserver

Run Front-End

$ cd static
$ npm start

Run

Open your browser to http://localhost:3000

Enjoy! If you have any questions, please feel free to send me a message!