Python-Django/Flask Web-App for Data Entry/Display - Working Prototype

Job ID: 37679569

Budget: ₹600 – ₹1,500 INR

I am seeking a skilled developer with Python, Django or Flask experience to build a web-application for data entry and data display. The final deliverable should be a working prototype, capable of entering and displaying unspecified types of data, possibly text, numbers, or images.

Ideal Skills:
- Proficiency in Python
- Expertise in Djano/Flask web frameworks
- Experience in developing data-heavy applications

What to include in your application:
- Please provide examples of past work, especially those related to data entry and display.
- I would appreciate a detailed project proposal, including your process and expected timeline.
- Highlight your experience in web-app development, specifically with Python and Django/Flask.


Project Requirements
-----------------------------------
HTML will be provided, need python backend to work with dummy data - sample data will also be provided and some data (random data) needs to be generated

Project Costing: INR 4,000.00

Python Project with Django/Flask - two pages - NO DB

Tech Stack
Python, Django/Flask, JS and Websockets - Only Open Source frameworks & utils need be utilized

I have a frontend (html - refer the attached), need backend python project based on Django. The project does not require database integration, but the site should be functional with dummy data coming from the backend. e.g. For Login - the backend route should be setup and point to a method lets say login() - the input to the method is user_name and password, the method can be something like this

def login(user_name:str : passwd: str):
if user_name == 'test' and passwd == 'test':
return True # Direct the user to Dashboard page
else:
return False

Functionality & Dummy Data for Testing
1. LOGIN
- user_name = 'test', passwd = 'test'
- if Valid User take the user to Dashboard Page
- If Invalid User - show an error message on Login page (error message comes from backend)
- If System Error - some issue in the backend - show the error message on Login page (error message comes from backend)
2. No Sign UP needed - these are fixed logins
3. DASHBoard
- Category is pre-filled in HTML
- Test Data = key, Display Value
- {category_1, 'Category 1'}, {category_2, 'Category 2'}, {category_3, 'Category 3'}
- Buy and Sell Product List comes from backend depending on the selection of Category
- On selecting the Category - the system fetches the Product List from Backend
- Dummy Data
- Input - Category, Key
- Output - List of Products
- Test Data
{category_1 :
"BUY": {{product_11b, 'Product 1.1b', 111.11b}, {product_12b, 'Product 1.2b', 111.22b}, {product_13b, 'Product 1.3b', 111.33b}, {product_14b, 'Product 1.4b', 111.44b}, {product_15b, 'Product 1.5b', 111.55b}, {product_16b, 'Product 1.6b', 111.66b}}
"SELL": {{product_11s, 'Product 1.1s', 111.11s}, {product_12s, 'Product 1.2s', 111.22s}, {product_13s, 'Product 1.3s', 111.33s}, {product_14s, 'Product 1.4s', 111.44s}, {product_15s, 'Product 1.5s', 111.55s}, {product_16s, 'Product 1.6s', 111.66s}}
}
{category_2 :
"BUY": {{product_21b, 'Product 2.1b', 222.11b}, {product_22b, 'Product 2.2b', 222.22b}, {product_23b, 'Product 2.3b', 222.33b}, {product_24b, 'Product 2.4b', 222.44b}, {product_25b, 'Product 2.5b', 222.55b}, {product_26b, 'Product 2.6b', 222.66b}}
"SELL": {{product_21s, 'Product 2.1s', 222.11s}, {product_22s, 'Product 2.2s', 222.22s}, {product_23s, 'Product 2.3s', 222.33s}, {product_24s, 'Product 2.4s', 222.44s}, {product_25s, 'Product 2.5s', 222.55s}, {product_26s, 'Product 2.6s', 222.66s}}
}
{category_3 :
"BUY": {{product_31b, 'Product 3.1b', 333.11b}, {product_32b, 'Product 3.2b', 333.22b}, {product_33b, 'Product 3.3b', 333.33b}, {product_34b, 'Product 3.4b', 333.44b}, {product_35b, 'Product 3.5b', 333.55b}, {product_36b, 'Product 3.6b', 333.66b}}}
"SELL": {{product_31s, 'Product 3.1s', 333.11s}, {product_32s, 'Product 3.2s', 333.22s}, {product_33s, 'Product 3.3s', 333.33s}, {product_34s, 'Product 3.4s', 333.44s}, {product_35s, 'Product 3.5s', 333.55s}, {product_36s, 'Product 3.6s', 333.66s}}
3. On selecting a Product from the list - the product should be highlighted on UI (JS)
4. The Price value in the Product Listing must be fetched in real-time (maybe websockets)
5. Clicking Clear button should clear the form
6. Clicking on App 1, App 2, App 3, App 4, should submit the form along with button names
- The backend method should print the received form parameters to console and return a message - success or error message
- The success or error message should be shown on UI
5. The ATMS App section below the form should display message from a backend method in real-time
- For now the dummy method should generate a random string every 15 seconds, and the message should be shown on UI in real-time
6. The Table section should pick data from backend and display
- This should call a method on backend which returns dummy data for now
- The Table should be populated on loading the page
- Later the Table should be loaded (without loading the entire page) - when the refresh button above the table is clicked
- Test Data
{1, 13-01-2024 12:20:21, 'Data 1.3', 'Data 1.4', 111.55, 111.66, 111.77},
{2, 13-01-2024 13:20:21, 'Data 2.3', 'Data 2.4', 222.55, 222.66, 222.77},
{3, 13-01-2024 14:20:21, 'Data 3.3', 'Data 3.4', 333.55, 333.66, 333.77},
{4, 13-01-2024 15:20:21, 'Data 4.3', 'Data 4.4', 444.55, 444.66, 444.77},
{5, 13-01-2024 16:20:21, 'Data 5.3', 'Data 5.4', 555.55, 555.66, 555.77}
7. LOGOUT
- Clicking on Logout should call a method on the backend - print logout message to console and take the user to login page
8. At the start of the app needs an init() method
- The init() method just prints a message at startup - later this method can init other services on backend at application startup

Other terms:
1. The website should be fully functional with above dummy data
2. Generate dummy data to demonstrate real-time updates on UI and also pint to console
3. No DB integration
4. Hand over the complete project source code and ownership
5. Brief notes on the code and functionality - very high level
6. Walkthrough the code to explain the overall flow/functionality - brief session with scree share or recorded video
7. Update JS in the HTML page where needed
8. Need this asap - 2 days
Related categories: JavaScript Python Django HTML Flask