Find Jobs
Hire Freelancers

React JS / Flask Dashboard Prototype

$250-750 USD

Closed
Posted about 1 year ago

$250-750 USD

Paid on delivery
Please only submit real bids for this project. Don't bid low and then ask for more. Thanks! This project is to create a dynamic Grid prototype with ReactJS UI that allows to add different component types to a grid dashboard, resize them and move them around. The dashboard and dashboard component information should be stored in a MySQL database. The user should also be able to create, update and delete multiple grid dashboards and give them a name. The backend should be a Flask backend with flask REST controllers. For the dashboard ReactJS functionality, you can use this component ([login to view URL]). User authentication or styling does not have to be considered. This is just for a prototype. Requirements: 1. User 1 creates Dashboard 1. -> stored in db 2. User 1 adds Component A to Dashboard 1 -> Size, location stored in db 3. User 1 adds Component B to Dashboard 1 -> stored in db 4. User 1 moves components and resizes them. The components should have handles for resizing and moving. The dashboard component location and sizes are stored in the db. 4. User 1 reloads Dashboard 1. -> Components are loaded from db in the correct location and size. 5. User 1 updated Dashboard 1 name -> store change in database 6. User 2 deletes Dashboard 1 -> dashboard and related components are deleted from db. 5. User 1 creates Dashboard 2. -> stored in db 6. User 1 adds Component A to Dashboard 2 -> stored in db 7. User 1 adds Component B to Dashboard 2 -> stored in db 8. User 1 moves components and resizes them. The components should have handles for resizing and moving. The dashboard component location and sizes are stored in the db. 9. User 1 reloads Dashboard 2. -> Components are loaded from db in the correct location and size. 10. User 1 updated Dashboard 2 name -> store change in database 11. User 1 deletes Dashboard 2 -> dashboard and related components are deleted from db. Tech Stack: UI: - ReactJS (please use functional components) - Material UI components ([login to view URL]) - React Grid ([login to view URL]) - Flask Controller - SQLAlchemy + ORM - MySQL database Here a suggestion for the data model: DROP TABLE IF EXISTS dashboard CASCADE; CREATE TABLE dashboard ( id int not null AUTO_INCREMENT, user_id int not null, name VARCHAR(60), CONSTRAINT PK_dashboard_id PRIMARY KEY (id) ); DROP TABLE IF EXISTS dashboard_component CASCADE; CREATE TABLE dashboard_element ( id int not null AUTO_INCREMENT, dashboard_id int not null, component_type_id int not null, location_x int not null, location_y int not null, width int not null, height int not null, CONSTRAINT PK_dashboard_component_id PRIMARY KEY (id) );
Project ID: 36408492

About the project

66 proposals
Remote project
Active 1 yr ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
66 freelancers are bidding on average $630 USD for this job
User Avatar
✨React JS / Flask Dashboard Prototype ✨ Hello, I'm interested in your project. Please send me a message so that we can discuss more. I am looking for the clear requirements docs of your site so that I can start working immediately. Thanks Shweta
$500 USD in 7 days
4.9 (148 reviews)
8.4
8.4
User Avatar
Building a dynamic Grid prototype with ReactJS UI, Flask backend, and MySQL database for storing dashboard and component information. So The project requires developing a prototype of a dynamic grid dashboard system with the ability to add, resize, and move different components. The system should allow users to create, update, and delete multiple dashboards and their components. The project uses ReactJS for UI, Flask for backend, and MySQL for database storage. Our team has extensive experience in developing web applications using ReactJS, Flask, and MySQL technologies. We have worked on several projects involving dynamic UI components and database storage. Our team members have a deep understanding of ReactJS functional components, Material UI components, and React Grid. We also have expertise in Flask controllers, SQLAlchemy + ORM, and MySQL database design and management. Let's Have a Quick (Voice/Video) Call that will help me to share a detailed proposal with the following information. 1- Details Requirements with User flow Explanation 2- Cost & Time Estimation Mentioning the price is not possible here, we need to perform R&D plus have a complete understanding of project requirements for the price and time estimation. 3- Details Development Process Warmly, Khizar Ahmed, Even Logics.
$750 USD in 15 days
4.9 (46 reviews)
7.1
7.1
User Avatar
Hello!!--- React JS / Flask Expert Developer----I checked requirement clearly and can surely do it--- Let's get start with a quick chat.-- Over the last 8+ years, I've gained experience in project analysis, design and development of various websites, web applications using PHP, MySQL, CMS and Frameworks. Let's connect over a call/chat to discuss the scope of project. Thanks!!
$700 USD in 6 days
4.8 (65 reviews)
6.8
6.8
User Avatar
Hi. This is Imad. I read your description carefully and writing the proposal for your project. Currently, I checked the grid layout you attached and this shows the one dashboard. I have some questions if there are some functions for deleting component and dashboard. I can build the site in react-flask perfectly. I have good experience with Django, Flask , Eye Backend development. If this is prototype project, I can build the project in 5 days ($700) at least. I am interested in this project and can start work immediately. Please let me know when you are available. Thank you.
$700 USD in 5 days
4.9 (17 reviews)
6.1
6.1
User Avatar
Hi, i m very interested for this kind of job and i am expert sofware and web developer and i can design, develop the website proeporly, i can fix any kind of website issues, just knock me via chat, Thanks Rashedul
$400 USD in 3 days
5.0 (20 reviews)
5.7
5.7
User Avatar
Greetings. Thanks for your job posting. I read your project details and i understood. I can help you with your project at a high level. I have rich experience in React.js & Flask developing. My skills and experience is great matched for your needs. I can start work right now. And i can help you perfectly. Looking forward to hearing from you. Best regards. Thanks.
$450 USD in 9 days
4.9 (11 reviews)
5.1
5.1
User Avatar
Hi there, I'm interested in your project and I can handle your project as you want. ReactJS is my primary skill. I'm sure, this position is to match my skills very closely. I can start to work right now. Please contact with me and discuss via private chat. Best Regards Kevin
$500 USD in 7 days
5.0 (3 reviews)
4.8
4.8
User Avatar
Past Projects: 1. Dynamic Grid Prototype with Vue.js - This project involved creating a dynamic grid prototype with Vue.js UI that allowed users to add different component types to a grid dashboard, resize them and move them around. The dashboard and dashboard component information were stored in a MongoDB database, and the backend was a Node.js backend. 2. Dynamic Dashboard with React.js - This project involved creating a dynamic dashboard with React.js UI that allowed users to add different component types to a dashboard, resize them and move them around. The dashboard and dashboard component information were stored in a MySQL database, and the backend was a Flask backend. My approach to this project would be to use React.js for the UI, Material UI components for styling, React Grid for the grid layout, Flask for the backend, SQLAlchemy for ORM, and MySQL for the database. For the data model, I would use the suggested model provided in the project description. I would then create the components and connect them to the backend and database. I would also create REST controllers for the dashboard and dashboard components and implement features for creating, updating, and deleting dashboards and components. Lastly, I would test the application and debug if necessary
$500 USD in 7 days
4.9 (6 reviews)
5.0
5.0
User Avatar
Dear sir, I'm an experienced full-stack developer and have good experience in React.js, Redux, Hooks, Thunk, Python, Flask, MySql, Git, and other related technologies. I have read the job brief and understood the requirements clearly. I'm confident that I can do this project successfully. Please contact me to discuss further details. Look forward to hearing from you. Best regards, Swamy
$900 USD in 15 days
4.5 (17 reviews)
5.1
5.1
User Avatar
Hello, I have 4+ years of Full-Stack developer experience. I specialize in ReactJS, NodeJS, Express, MySQL, HTML, CSS, Webpack, Material UI, React Hooks, Redux, MongoDB, Github, and AWS. In the past, I did projects in various sectors including Health care, Clothing website, multi-vendor saas platforms, e-commerce solutions, Customizable e-commerce stores, cms solutions, and admin panels. Please invite me for a chat so we can discuss your project needs in depth. Thank you for taking the time to review the letter. I'll look forward to your response. Best Regards, Niten:)
$500 USD in 7 days
5.0 (4 reviews)
4.5
4.5
User Avatar
Hi, I am Senior Full Stack Developer I'm an Expert in: -Laravel - CodeIgniter -Drupal 7,8,9 -Frontend & Backend Development
-Zend
-Cake PHPhttps://www.freelancer.com/projects/graphic-design/BUSINESS-CARDS-DESIGN-36411262/proposals?bidCreated=true -Python -Data Science -Machine Learning -JVM technologies -Jquery, PHP -Ionic - Hybrid Mobile Applications -Angular, Node.js -Ruby on Rails -C++

Who Knows the value of time. Very hard working and always delivers the work on time. I will finish your tasks in a timely and efficient manner, I aspire to help others reach their goals through the use of my knowledge and experience, I am available 24 hours support. I am available for the weekend also. If you are looking for website design and development I am the right person for you.
$500 USD in 70 days
5.0 (24 reviews)
4.6
4.6
User Avatar
Hey! I am an expert Software Engineer with approx. 5 years of industry experience building websites and web applications. I specialize in Backend development and have professional experience working with PHP, Laravel, WordPress plugin development, NodeJS, NextJS, React, React Native,Material UI , SQL and Relational Databases. I also have working experience with Docker and some AWS services. I can do this task very easily and I can give you smooth and bug free results. Let's talk about it more in the chat. Muhammad Umer Saeed.
$500 USD in 7 days
5.0 (5 reviews)
4.0
4.0
User Avatar
Hi, Christian! How are you doing? I have been a web developer for more than 5 years. I've gone through your project description in great detail and I must say, your idea is impressive! I am skilled in both Flask and ReactJS. I made use of Flask as backend a lot. In addition, I am well-versed in combination of these 2 frameworks. I am sure that I can deliver exactly what you need for your grid type. Please send me a direct message for a successful project. Thank You, Ken Lee
$450 USD in 7 days
5.0 (2 reviews)
4.1
4.1
User Avatar
Hi, I hope this finds you well. I am a full-stack web developer with 7 years of experience and I would love the chance to work on your project. I am a creative problem-solver who is dedicated to quality work and creating a great user experience. My qualifications include: In-depth expertise in HTML, CSS, JavaScript, React, Node, Express, and MongoDB Experience in creating prototypes from wireframes to design mockups Experience in UX/UI design as well as graphic design Experience working with APIs to integrate Stripe payments Experience designing databases for scalable applications I have attached my resume for your review and would love the chance to discuss the project further. Thanks
$500 USD in 12 days
5.0 (18 reviews)
3.9
3.9
User Avatar
Dear Client, I am excited to submit my bid for your project to create a dynamic Grid prototype with ReactJS UI that allows users to add different component types to a grid dashboard, resize them, and move them around. Your project requires a Flask backend with Flask REST controllers and a MySQL database to store dashboard and dashboard component information. My proposal for this project is to use ReactJS, Material UI components, and React Grid for the UI, and a Flask backend with SQLAlchemy + ORM and MySQL database. I suggest using the data model you provided, which includes the dashboard and dashboard_component tables. To meet your requirements, I will implement the following features: - User authentication or styling will not be considered. - Users will be able to create, update, and delete multiple grid dashboards and give them a name. - Users will be able to add components to the dashboard and move them around. - Components will have handles for resizing and moving, and their size and location will be stored in the database. I will use functional components and the React Grid showcase component you provided for the dashboard ReactJS functionality. For the backend, I will use Flask with Flask REST controllers, SQLAlchemy + ORM for database management, and MySQL for data storage. Thank you for considering my bid, and I look forward to hearing from you soon. Best regards, nitin
$500 USD in 7 days
5.0 (7 reviews)
4.0
4.0
User Avatar
Hi, We would like to grab this opportunity and will work till you get 100% satisfied with our work. We are an expert team which have many years of experience on JavaScript, HTML5, React.js, Flask Lets connect in chat so that We discuss further. Thank You
$600 USD in 7 days
5.0 (5 reviews)
3.4
3.4
User Avatar
⭐⭐⭐ Hi, My availability: Immediate. I read your project post of Python Falsk React Developer to create dashboard. We are experienced full stack python developers with skill sets in - Python, Django, Flask, FastAPI, Jupyter Notebook, Selenium - Web App Development, Data Science, Scrapping, API Development, Authentication, Authorization - SQlAlchemy, PostegresDB, MySQL, SqLite - Web hosting, Docker - Azure, AWS, Digital Ocean, GoDaddy, Web Hosting Please send a message So we can have a quick discussion about your project and proceed further. Looking forward to hearing from you. Thanks
$500 USD in 10 days
5.0 (19 reviews)
3.6
3.6
User Avatar
⭐Hi Christian⭐ With 10 years of web development experience for global business, I can give you the best results you want. My solutions keeps you up to date on your technology and business strategy. I have built many complex world-class software products from start to finish, spanning numerous platforms. I have a knack for novel and complex solutions and the ability to quickly integrate into anything, front-end, back-end or anything in between, and adapt to the problem at hand. I am confident in React.js, Flask controller, SQLAlchemy, Material UI, and I can make satisfy your needs with my high skill and rich experience. I hope that the development and growth of your business will make the world more beautiful and I look forward to working with you on this project. Thank you Ehab
$750 USD in 7 days
5.0 (6 reviews)
3.3
3.3
User Avatar
*********** My Bid Price is Final but I am little curious about the deadline*************** Hello there I'm sure I can complete this project for you flawlessly because I read your job description. I still have some inquiries. Please send a note on my chat so that we may talk about the project's budget and timeline. Thanks
$460 USD in 20 days
5.0 (5 reviews)
2.9
2.9
User Avatar
Hello, How are you doing today? I have rich experience in React.js/Next.js as frontend with MUI/ReactStrap/TailwindCSS and Flask/Django as backend so I am very confident in your project. I am sure you will be satisfied with my work. Please send me a message so that we can discuss more. Thank you.
$500 USD in 7 days
5.0 (7 reviews)
3.1
3.1

About the client

Flag of UNITED STATES
Herndon, United States
5.0
10
Payment method verified
Member since May 10, 2020

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.