Todo Webapp

A web application that can keep track of your tasks and when its due. Created as a course project this implements basic fullstack development concepts.

Hosted Demo Link

Primary Languages

• Frontend:

  1. React
  2. HTML
  3. CSS

• Backend:

  1. Python

Running Locally

Assuming that you have Node and Python installed, follow the following steps:

1. Clone the repository:

   To clone the repository via command line type:

   git clone https://github.com/abhinavgeethan/Todo-Project

2. Running Frontend:

   • Installing dependencies: Navigate to the frontend directory and run:

     npm install

   • Starting up: Navigate to the frontend directory and run:

     npm start

3. Running Backend:

   • Installing dependencies: From the todo-project directory, run:

     pip install requirements.txt

   • Setting up app: Navigate to the backend directory and execute:
     • In UNIX machines:

       export FLASK_APP=server

     • In Windows machines:

       $env:FLASK_APP="server"

   • Initialising Database: In the backend directory, run:

     flask create_tables

     If that doesn't work, run python in the terminal and in python run:

     from server import db,create_app
     db.create_all(app=create_app())

   • Starting up Flask Server: In the backend directory, run:

     flask run

     The Flask development server must now be running at 127.0.0.1:5000/ and the frontend React page at 127.0.0.1:3000/.

Additional Details

For additional details regarding the project read this.

Credits and Resources

Read this.