Scribd
Upload
12 views

React Flask Assignment

Uploaded by

aaryan.gollu
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
12 views

React Flask Assignment

Uploaded by

aaryan.gollu
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

REACT:

create an admin panel to view, modify, add and delete employee data having two pages:

1. Welcome page with a form to add employee details (refer the sample data for form fields)

2. Listing page to display all the employees with a filter on NAME AND SALARY.

UI and styling are not a must but good to have.

Flask:

create the minimalistic backend (Use Blueprints) for the above application with basic crud
functionalities

and the data to be stored and saved in a database.

**( extra points for Lazy-Loading and structured codebase )

**(prefill the database with the sample data)

sample data:

"employees": [

"employee_id": 1,

"name": "Atif Hussain",

"position": "Data Analyst",

"salary": 75000

},

"employee_id": 2,

"name": "Somitav Mishra",

"position": "Business Analyst",

"salary": 65000
},

"employee_id": 3,

"name": "Bob Johnson",

"position": "Project Manager",

"salary": 85000

},

"employee_id": 4,

"name": "John Doe",

"position": "Software Engineer",

"salary": 70000

},

"employee_id": 5,

"name": "Michael Brown",

"position": "Quality Assurance Engineer",

"salary": 72000

},

"employee_id": 6,

"name": "Jane Smith",

"position": "UI/UX Designer",

"salary": 78000

},

"employee_id": 7,

"name": "Chris Miller",

"position": "Systems Administrator",

"salary": 68000

},
{

"employee_id": 8,

"name": "Megan Wilson",

"position": "Marketing Specialist",

"salary": 60000

},

"employee_id": 9,

"name": "Kevin Lee",

"position": "Network Engineer",

"salary": 82000

},

"employee_id": 10,

"name": "Sara Martinez",

"position": "Financial Analyst",

"salary": 75000

},

"employee_id": 11,

"name": "Daniel Taylor",

"position": "Product Manager",

"salary": 88000

},

"employee_id": 12,

"name": "Laura Hall",

"position": "Human Resources Specialist",

"salary": 65000

},

{
"employee_id": 13,

"name": "Alex Turner",

"position": "IT Support Technician",

"salary": 62000

},

"employee_id": 14,

"name": "Grace Adams",

"position": "Customer Support Representative",

"salary": 58000

},

"employee_id": 15,

"name": "Jordan White",

"position": "Sales Executive",

"salary": 70000

},

"employee_id": 16,

"name": "Olivia Thomas",

"position": "Legal Counsel",

"salary": 90000

},

"employee_id": 17,

"name": "Ethan Carter",

"position": "Database Administrator",

"salary": 82000

},

"employee_id": 18,
"name": "Sophia Lewis",

"position": "Graphic Designer",

"salary": 63000

},

"employee_id": 19,

"name": "Nathan Scott",

"position": "Operations Manager",

"salary": 80000

},

"employee_id": 20,

"name": "Ava Allen",

"position": "Health and Safety Officer",

"salary": 70000

You might also like