GithubHelp home page GithubHelp logo

ai-lab-glider / nurse-scheduling-frontend Goto Github PK

View Code? Open in Web Editor NEW
16.0 5.0 4.0 6.66 MB

Application to facilitate process of creating schedules for workers in medical foundations

Home Page: https://nurse-scheduling.netlify.app/

License: Mozilla Public License 2.0

HTML 0.23% TypeScript 87.72% Shell 0.06% JavaScript 2.50% SCSS 9.48%
schedules react

nurse-scheduling-frontend's People

Contributors

maciekb05 avatar pectom avatar prenc avatar qwebeck avatar semantic-release-bot avatar sig00rd avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

nurse-scheduling-frontend's Issues

Update library versions

Some libraries our outdated and it causes problems with start of an application.
This task goal is to update libraries to the latest versions and fix problems, that arise from it.

Shift editing

Shift editing is not looking good at the moment

Current view:
image

Expected view:
image

Schedule size constraints

Currently schedule is shrinking while increasing page scale which makes it unreadable

image

and grows while decreasing

image

It would be better to add some constraints to it dimensions, that will prevent this behavior.

Finish information about user drawer

Drawer appears after clicking on the user name in the schedule page

Current view:
image

Expected view:
image

Differences:

  • download button should be in the right upper corner
  • position label should be next to the worker name
  • should be normal padding between fields with worker description
  • calendar items should be in cells with background

Application fonts

image

It looks like fonts are not similar in different places of application.
The suggestion is to use same fonts as fonts used on Figma

image

Disable editing of multiple shift fields

At this moment it is possible to select multiple fields at change them at once.

image

The logic should be different and it should be possible to edit only one field

Options dropdown

Add some borders to buttons and effects on hover (e.g graying a background)

image

image

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.