jinudaniel / react-python-todo-app

React TODO App using Python backend

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TODO App

TODO App created using React and Python. Using this app you can create a bucket and add your todo's inside a bucket.

Functionality

  • Create a Bucket
  • Add a Todo to a bucket
  • Complete a Todo or mark a completed Todo as active.
  • Delete a Todo

Tech Stack

Frontend: React, Semantic UI
Backend: Python, Flask and Flask SQLAlchemy
Database: SQLite

Todo App

Steps to run the app locally

  • Clone this repository
  • Install the latest version of Python
  • Open Terminal or Command Prompt, install pipenv
    pip install pipenv
  • Navigate to the location of the app in Command Prompt and run the following commands.
    pipenv shell
    pipenv install
    set FLASK_APP = api
    set FLASK_DEBUG = 1
    flask run
  • Open a new command prompt window, and navigate to client folder. Run the following commands.
    npm install
    npm start

About

React TODO App using Python backend


Languages

Language:JavaScript 65.6%Language:Python 15.5%Language:HTML 12.8%Language:CSS 6.1%