Giter VIP home page Giter VIP logo

web-application's Introduction

Task Management Application

A dynamic task management web application built with Flask and React.

Features

  • Hierarchical todo list (up to sub-sub-task level).
  • Multi-user support with individual task visibility.
  • Dynamic frontend allowing tasks to expand and show sub-tasks.
  • RESTful backend API built with Flask.

Installation Instructions

Backend (Flask)

  1. Clone the Repository:
git clone https://github.com/makoohara/web-application
cd web-application/backend

  1. Set Up a Virtual Environment:
python3 -m venv venv
  1. Activate the Virtual Environment:
  • On Windows:
    venv\Scripts\activate
    
  • On macOS and Linux:
    source venv/bin/activate
    
  1. Install the Required Packages:
pip install -r requirements.txt

If there is any error during this step, try

pip install --upgrade pip setuptools wheel

Then running the command again

  1. Run the Flask App:
export FLASK_APP=project
export FLASK_DEBUG=1
flask run

Frontend (React)

  1. Open a separate terminal and Navigate to the React App Directory:
cd frontend
  1. Install the Required npm Packages:
npm install
npm install axios
  1. Run the React App:
npm start

The React app will now run on http://localhost:3000 and will proxy backend requests to Flask which runs on http://localhost:5000.

Usage

  1. Navigate to the React app in your browser.
  2. Register or log in.
  3. Start creating and managing tasks!

Screen Recording Demo

follow link here: https://www.loom.com/share/9a48c304978d4938aca47dc3687f4164?sid=d78f8153-0b90-4f29-808d-cb1b2e92f224

web-application's People

Contributors

makoohara avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.