Coder Social home page Coder Social logo

zerkath / task-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.01 MB

Long running task status interface and backend

License: MIT License

Go 47.64% JavaScript 5.97% HTML 1.63% TypeScript 15.73% Svelte 25.57% Dockerfile 0.23% Shell 1.30% SCSS 1.94%

task-app's Introduction

Task app

Simple application to demonstrate a potential solution to handling long running tasks in a user friendly way.

For example UI creates a task that needs to be ran, say large csv, or file that needs to be checked for malicious content. Server will process the request. If the request takes longer than a few seconds to process this gives a poor user experience.

Rather we want to start processing the request, informing user that the process has started, and informing them when the state of the process changes.

This way the user immediately can move on to do other things, and check on the status later or keep track of the status if they want to.

Demonstration

In the video 3 tasks are created, each gets processed one by one until completion. If the task would fail, it would restart after some delay.

Video of demonstration

Areas of improvement

The current implementation does not update the pagination view for statuses, only if the task status is explicitly listened to.

UI is extremely basic and is mainly meant for 16:9 1080p to 1440p resolutions.

The backend sends redundant data sometimes, if the status has not changed or is completed the backend could stop resending messages. Although this would require more changes on the frontend to accomodate.

If the frontend loses socket connection, it has no automatic mechanism for reconnection and the page needs to be manually refreshed.

task-app's People

Contributors

zerkath 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.