Luis Torres
Inventory/Budget Management Web App - Python + Flask
Made with Flask*Click the full screen button on left corner to test outside Webview for full functionality.
This is a Python Flask web application for managing an inventory of products. The application uses the Flask framework to handle HTTP requests and responses, and includes three routes:
"/" (the root route), which renders the index.html template. "/add", which allows users to add products to the inventory. This route handles both GET and POST requests, and saves the updated inventory to a pickle file on the server. "/view", which displays the current inventory and the total value of all products. This route uses a custom Jinja2 filter to round numbers, and sorts the inventory by product name. The application loads the inventory data from a pickle file on startup, and writes changes back to the file whenever a new product is added. The application also includes a custom Jinja2 filter for rounding numbers, which is used to format prices and total values in the view template.
Recent comments (1)GodCodeEnabled3 months agoupdates:
Currently the webApp is up and running on an AWS EC2 instance containerized with a Docker image. Currently in my registered domain for my soon to be portfolio site, its called godcodenabled.com
Here are some of the changes I've made so far :
- Added options to remove from inventory
- Added line chart that tracks budget history, fluctuates when an item is removed and added based on total cost.
- added option to set a budget and blocks from adding to the inventory if the Toal added is above the set budget.
- added a flash function to show message of items removed, and when an item exceeds budget on the add page
- Switched from default test server to gunicorn web server
Changes in AWS/Outside Replit:
- Added TTL/SSL cert, the domain now runs on secure https, using AWS load balancer.
- Improved containerized network security utilizing load balancer listeners and target groups.
To do :
- migrate stored inventory and chart data to a secure database.
- Fully integrate the database and WebApp on AWS
Sample site
Made with HTML, CSS, JSA little practice with HTML and CSS - simple webpage construction and design, utilizing forms and text input, with input restrictions and required fields to prevent form submission if criteria is not met. Click up top to view in Fullscreen.
updates:
- Added slight improvements in responsiveness and scaling for mobile.
-Added a second html script that displays a registration confirmation and displays first name, last name, selected race and email after submitting form. To do this I included JavaScript code inside the form submit event listener to store the inputs in localStorage
To do: -Further improve design -implement JavaScript -Create a containerized Linux webserver to host page outside Replit. -Add server-side functionality to process user input and store data.
Recent comments (4)shashankgsharma3 months agoIs this included in the #100DaysOfPython course?