JS showing the table filling
by UI:
- a table where each column is one employee, and the cells in the column are the patients that the employee must surround.For each patient, the time and duration of the visit is determined.(The names will be given later)
The table is within the monitor frame to show that the program is running on the PC.Over the monitor is a field with the action buttons and the information block.In the block there are three icons and numbers that describe the status of the table.All changes to the text are accompanied by easy css animation to attract the user’s attention.Moving cells from one column to another also has an animation to see changes.Steps of simulation:
1 .The table is empty.There is only one button “Fill”.2ndWhen pressing, the button disappears, a rotating preloader appears for 3 seconds.After that, all cells are filled with data.In the information block is the text: "9 tours, 62 visits, total time 48 hours."ThreeAfter a break in 2 seconds, an additional text appears: "The employee A was sick.What to do with the patients?”and the action buttons: “Distribute”, “Transmit”.The example.4 .When you press "Distribute", the cells of the 4th column are distributed in the scheduled order to other columns.When pressing "Prenesti", the fourth column is removed and the right columns move to one left.The text is changed in the information block.and 5.After a two-second break, a new scenario appears: “Patient A is not available at 10 a.m.to take a visit?”and the action buttons: “After lunch”, “After a week.”The choice "in a week" -> the patient from the 3rd column and 2 cells is removed.The option "After lunch" -> cells of column 3 is transferred so that the patient A has a visit time after 14.The Dynamics:
Each cell (patient) has a visit time, for example 10.24 - 10.35.
When cells change in positions, the time of all patients should be adjusted.In order not to be frozen with recharge, it is easier to create separate json status files in each step and manually spend time.When the table is changed, new data is read and displayed.Requirements for the result:
There must be 3 files on the output: js, css, html to be easily inserted into the current project.In html, as a demo page, the react library is uploaded and the JS code you have written.No minimized, readable code, without the use of heavy freeworks such as create-react-app.Additional libraries can be used unless they are no more than 200k.The entire application in width and height occupies 100% page.
- Responsive is not required, but adequate scaling of the table.99% of customers watch this program on the PC.
Client's review of cooperation with Artyom Zinatulin
JS showing the table fillingWell and quickly done work. A lot of thanks.
Freelancer's review of cooperation with Ihor Savchenko
JS showing the table fillingEverything is great! Thank you for cooperation!
-
310 24 0 1 Good day, I was interested in your project.
I am a web developer with 3 years of experience.
Knowledge of Python, JS and PHP.
Frameworks: laravel, django, vue, Electron Library: react, jq, bootstrap.
CMS: WordPress, Tilda and OpenCart.
The portfolio is available in the profile. If you need more examples, let me know. I will provide in the reply message (including all the necessary files and access).
…
GITHUB - http://github.com/romych97/
I hope for your answer.
with respect
-
177 Hello to Igor.
I can develop and program your browser program in a quality and timely manner.
I have experience in front-end for more than a year. We have not installed and programmed a single website. I will write the code on a pure JS, as the program is not big and react will be an extra load.
We can discuss the matter in detail, please contact us.
-
33 Good day . I suggest to clarify TZ in a personal letter. I will be happy to cooperate
Current freelance projects in the category Javascript and Typescript
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5770 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 3 days 17 hours back ∙ 106 proposals |
Gsap animations
22 USD
Good day. Corrections need to be made in the current project. A specialist is needed who works well with gsap/lenis. Animation of cards needs to be done. Detailed specifications here:… Javascript and Typescript, Web Programming ∙ 3 days 23 hours back ∙ 21 proposals |
Commercial on-premise video communication platform "ViM"It is required to develop an on-premise video conferencing system with a basic calculation for 100 simultaneous connections (10 isolated rooms of 10 people each). The platform should have a built-in architecture for future horizontal scaling up to 1000 users by adding new media… Javascript and Typescript, Web Programming ∙ 4 days 18 hours back ∙ 32 proposals |
I am looking for a mentor with Claude Code to launch a web project from scratch.Brief about the task: I am a beginner with no programming experience. I have a ready specification for website development (42 pages, Next.js, PostgreSQL). I want to implement it myself using Claude Code - I need a specialist who will set up the environment and teach me how to… Javascript and Typescript, Tuition ∙ 5 days 22 hours back ∙ 18 proposals |
Website design updateIt is necessary to update the design of the existing website using HTML, CSS, JS: refresh the appearance, make it modern and responsive for mobile devices. Smooth animations and interactive elements need to be added. HTML & CSS, Javascript and Typescript ∙ 6 days 16 hours back ∙ 91 proposals |