The task in this course was to develop a web application using Python in small teams. To achieve this, we explored various frameworks introduced during the lectures. Our final project resulted in a web application designed for grocery management and optimized route planning, tailored to the user’s personal shopping list. We had the opportunity to collaborate with the Rewe branch in Landsberg, which provided valuable insights for our development process.
Designing the Future
To design an intuitive and efficient web application, we first analyzed the structure of the Rewe website and examined navigation patterns in similar applications. To optimize the route-planning feature, we mapped the layout of a Rewe store in Landsberg, documenting shelf placements and product categories to create a clear in-app supermarket map. Key functionalities were initially developed as wireframes, forming the basis for structured prototypes in Adobe XD. The project name „Runaway“ emerged from a brainstorming session, symbolizing the optimized shopping routes generated for users. For development, we used PyCharm as our integrated development environment (IDE) and Flask as our framework. My contributions included defining core app functions, designing wireframes and prototypes, creating icons, implementing HTML and CSS, and developing the login page in Flask.
When the Magic Happens
To use the software, users first need to register with their email address and a password of their choice. After logging in, they can create a personalized shopping list by selecting products from the available categories. To simplify navigation, we designed a page with intuitive icons representing different product groups. By selecting an icon, users can browse relevant products and add them to their shopping list. Once the list is complete, the system generates an optimized shopping route and displays it on a supermarket map. The user is then guided efficiently from product to product, ensuring a smooth and time-saving shopping experience.