Concluído

Improvements to React / Material-UI form

Issues:

1. Table column head alignment:

--- the table column alignment is off for each header. It should line up with its row values alignment. Focus on the datapoint column header. Make sure it's responsive, so as the width of the viewport changes and if the row values move, so should it.

See headers [login to view URL] for reference

2. Client list default value:

--- when I pull the user's data and it has a companyId attached to it, as it gets updated as companyId and the data loads, I want the client list select dropdown to default to that company name. I just made the default userMetadata ref's company object the 5th value in companyList (line 100-101 in [login to view URL]). Go ahead use that ref's company ID or name to default the select dropdown default value once the list is loaded.

3. Select arrow color:

---When the select value is not null (background is blue), the text is white, but the arrow should also change to white. Here is a potentially helpful resource: [login to view URL]

For this change, let me know what you add to the select fields to get it to work, and any other files you change to get it to work. I'll have to manually change things on the main site

See [login to view URL] for reference

4. Textfield Validation:

Validations should occur as user types.

If invalid, field should be red with message underneath indicating the issue concisely.

Steps should be removed

Validations:

Value can't be < min and > max

Value can't have a 0 starting the number UNLESS it's a ratio/fraction (0 < val < 1)

Value can't have dashes UNLESS the min < 0 and if so, it can only be at the beginning (value[0])

Value can only be digits UNLESS it has negatives, decimals, and formatting (,)

5. Textfield formatting:

As the textfield loads the values from the props, the textfield value should be formatted with the proper commas and decimal values where they apply

As the user types values into the textfield, the commas and decimal places should show up in the right areas

When the user saves (onBlur), the commas should be removed and the value should be checked for proper formatting before sending to the database

Nice-to-have: ratios should look like ##/## but dynamic per datapoint, or static with 0's allowed for starting value

Resources:

React-number-format

[login to view URL]

[login to view URL]

Unicef material-ui

[login to view URL]

[login to view URL]

Manual formatting / JS libraries / Regex

[login to view URL]:~:text=A%20regular%20expression%20for%20a,optional%20plus%20or%20minus%20sign.

[login to view URL]

[login to view URL]

[login to view URL]

Habilidades: JavaScript, CSS, HTML, HTML5, React.js

Sobre o Cliente:
( 8 comentários ) Houston, United States

ID do Projeto: #33976880

Concedido a:

(28 Comentários)
4.4

27 freelancers estão ofertando em média $250 nesse trabalho

webperfection123

Hi There, I can make Improvements to React / Material-UI form.I have read your job description and assure you that I am a perfect fit for the job.I have over 7+ years of experience in PHP ,  Laravel, CodeIgniter, Angu Mais

$250 USD in 3 dias
(250 Comentários)
7.9
maxsmith8

Hello There, I am a top-rated developer with 8+ years of professional experience in developing apps and websites. Experienced in building complex Front-End, apps with React and React Native, single-page web applicati Mais

$100 USD in 2 dias
(237 Comentários)
7.6
AltiuseCreaton

Hi, I can make improvements on your React project as listed all 5 Points. Let me know when you here to discuss more in detailed about Job. I am having 10 years experience on web development. You can check my profile Mais

$510 USD in 9 dias
(133 Comentários)
7.5
seefattechnologi

Hello , Greetings !! ## Excellent knowledge, availability and communication.## I am raedy to work on Improvements to React / Material-UI form ** I am Providing Great attention to detail with analytical work Mais

$250 USD in 6 dias
(97 Comentários)
7.0
gauravmittal1989

I am a Result-oriented and highly motivated Full Stack Developer with over 13 years of working experience with huge brands and companies around the world. Stable, maintainable and scalable server-side applications beca Mais

$400 USD in 7 dias
(125 Comentários)
7.0
(66 Comentários)
6.2
dmitiykokolo

Hi there, how are you doing? I've just gone through the job brief and I'm very interested in your job. I am a senior React developer with 6 years of experience in developing with React.js. And I am meticulous and lika Mais

$250 USD in 7 dias
(24 Comentários)
5.7
ivanselyutin2020

Hello there. I saw your project description. I'm a full stack developer, especially MERN stack is my best skill. I prefer MUI to build component in React. I have so much experience in responsive and user friendly UI. P Mais

$150 USD em 1 dia
(41 Comentários)
5.5
mandionisio154

Hi, there. I am a senior Web & Blockchain Developer and I am very interested in your project because I did several projects like this. I have 4+ experience in Solidity, Smart Contract, [login to view URL], NFT, marke Mais

$150 USD in 15 dias
(13 Comentários)
4.7
NagarajTN

Hello client I can do this work, i am ready to start work now, i can provide best quality work, please chat now

$80 USD em 1 dia
(20 Comentários)
4.6
stefanjanko9

Hey!, I’ve carefully checked your requirements and really interested in this job. I’m full stack node.js developer working at large-scale apps as a lead developer with U.S. and European teams. I’m offering best qualit Mais

$155 USD in 20 dias
(6 Comentários)
4.1
Hilla105

Hi, there. How are you doing? I have read your job description carefully and it's very interesting to me. I have been working on react.js projects for over 9 years and I have rich experience and good knowledge. I used Mais

$140 USD in 7 dias
(16 Comentários)
4.5
sergeymit

Hello, How are you ? As I am an expert of full-stack with 10+ years of experience, I have worked many web applications using frameworks such as ReactJS/VueJS/AngularJS/NodeJS etc. I have developed RestFul APIs by mysel Mais

$140 USD in 7 dias
(9 Comentários)
4.4
dataspro

Hello: It is a pleasure to communicate with you. My name is Anthony Muñoz, I am the lead engineer for DSPro IT agency and I would like to offer you my professional services. I have more than 10 years of working as a Mais

$255 USD in 7 dias
(3 Comentários)
4.4
pavloyanovskii

Hello. I have been working as a Front End Web Developer for the past five years, and have gained extensive experience in HTML, CSS, JavaScript, jQuery, ES6/7, TypeScript, React, Next, and Vue. I have also worked with o Mais

$140 USD in 7 dias
(3 Comentários)
4.0
masovanaa

*****For Your company***** Hello, Dear Hoping for your good health and your loved ones. I have rich experience with vue, react, angular for frontend development and node, laravel, Django for backend development. I will Mais

$30 USD em 1 dia
(2 Comentários)
3.6
BenjaminEmsallem

Hi, there. How are you doing? I have read your job description carefully and it's very interesting to me. I have been working on react.js projects for over 9 years and I have rich experience and good knowledge. I used Mais

$200 USD in 7 dias
(4 Comentários)
3.1
ayesharifatmed

Hello There! This is Ayesha Siddiqua. Nice to meet with you. I am an M.B.B.S doctor. I have completed my graduation from North Bengal Medical College under Rajshahi University. A versatile and professional Web & Mobil Mais

$100 USD in 5 dias
(4 Comentários)
2.8
arpitapatidar28

Hello, ** React Js || Full stack Developer IS Here ** I have read the description of your project and understood that you are looking for React Js Developer to work on your project. I am a skilled full stack develop Mais

$140 USD in 10 dias
(2 Comentários)
2.0
dmytroyakovenko1

Howdy, nice to meet you. I am very interested in your project. Maybe you are looking for a React developer for your work. And I am ready to start work immediately. I am an expert frontend developer with 5+ yrs experi Mais

$130 USD in 4 dias
(1 Comentário)
1.3