Looking for a simple single page web admin board design that uses the following:
- HTML5
- CSS3
- Latest Bootstrap4
The app should have the following:
- Login page
- Password hashing on client side if possible.
- JWT support
- 2 charts one line and one pie chart
- One table and the table should have an example of adding a key to delete the row per row or edit the contents. when edit is clicked.
- A button in the page to add more rows to the table.
- Design has to look nice and modern.
- The design should have 2 tabs in the navigation bar with the same content as described above with the exception of the page title.
All data to populate the charts and the tables should be taken from an API call with JSON response. Encrypted communication is preferable.
I’ll implement the backend in python flask.
Here is the details of the communication with the backend:
- All the communication will be encrypted using JWE standard as outlined in: [login to view URL] Most probably I'll use the following package in python: [login to view URL]
- Here are the routes will need to be protected by JWT. I'll use [login to view URL] for authentication.
- Routes of the backend are as follows:
/auth takes the following json data: {'username': "username", "password": "pass"}: return {'token': "token value."}
/gettableinfo and it returns [{"id": "id_value", "col1": val1, "col2": val2, ..., "coln": valn}, {.....}, {.....}]
You have to add 2 columns to the table "delete" link to delete a row, in the table by id and "edit" to edit the values of the columns via a modal. Assume that all values are editable text for now.
/editrow and it takes {"id": "id_value", "col1": ...., "coln": valn}, returns: {"status": "success", "error": "none"} or any other values based on the error.
/deleterow and it takes {"id': "id_value"}, returns: {"status": "success", "error": "none"} or any other values based on the error.
For graph
/getxy and it returns {"x": [val1, val2, val3, val4, ....], "y": [val1, val2, val3, val4, .....]}
And you should have a button called. "Add row"
It calls /addrow and it's just like /editrow but adds a new row in table and returns the same return as {"status": "success", "error": "none"}
what is expected?
Deliver a well documented code that I could customize and reuse as needed. Well documented steps to reuse the code is extremely appreciated.
Hey There,
You need Admin dashboard design using angular 8.
I can start working right away and deliver you the best quality of work.
I have 3+ years of experience in angular 8.
I invite you for further discussion.
Looking forward to working with you.
Hi, I have gone through your requirement and can fulfill them. I have experience in developing web applications using angular 6/7/8. I have done many applications in multiple domains like e-commerce, finance , insurance etc. I can deliver you a full responsive website within given time and budget. Hope to hear from you soon.
Thank you.
Ravi teja