Mobile view optimisation for web dashboard (Only few elements)
Budget: ₹1,500 – ₹12,500 INR
Project details
A web dashboard for energy monitoring system is already developed with react framework using the MatX template. Same being used for ios and android mobile app with Webview component of react native. Main task is to make the dashboard usable on mobile (make it responsive). 90% of the dashboard is already responsive (see https://matx-react-free.vercel.app on mobile). Issues with only the elements in attached picture
Job description
Developers have to work on different UI elements on the existing web dashboard to make it responsive with mobiles, both android and ios of different screen sizes.
Different style issues such as alignment, font size, screen orientation etc to be taken care.
Developer to check the view in mobile browser to confirm.
Collaboration method
Project will be shared on gitlab
Branches to be created with the modified code
Developer can deploy the dashboard in their local machine and test. Necessary instructions will be provided
Api access will be provided for all data . No need to write any new api.
Developer Skillset Description
ReactJS front-end development
Responsive CSS
Familiar with Gitlab workflow
After completion of this assignment, further opportunities for collaborating on the same project can be offered
A web dashboard for energy monitoring system is already developed with react framework using the MatX template. Same being used for ios and android mobile app with Webview component of react native. Main task is to make the dashboard usable on mobile (make it responsive). 90% of the dashboard is already responsive (see https://matx-react-free.vercel.app on mobile). Issues with only the elements in attached picture
Job description
Developers have to work on different UI elements on the existing web dashboard to make it responsive with mobiles, both android and ios of different screen sizes.
Different style issues such as alignment, font size, screen orientation etc to be taken care.
Developer to check the view in mobile browser to confirm.
Collaboration method
Project will be shared on gitlab
Branches to be created with the modified code
Developer can deploy the dashboard in their local machine and test. Necessary instructions will be provided
Api access will be provided for all data . No need to write any new api.
Developer Skillset Description
ReactJS front-end development
Responsive CSS
Familiar with Gitlab workflow
After completion of this assignment, further opportunities for collaborating on the same project can be offered