UFS Flower Finder
Timeline
July 2024 - Present
Skills
Python, SQL, Node.js, HTML, CSS
User Research, Prototyping, Custom APIs, Data Scraping
Overview
This project, undertaken as part of my role as a web developer at the University Flower Shop, involves creating a web-based tool for flower buyers. The tool is designed to process buyer queries, scrape data from multiple flower wholesale websites, and deliver comparative results through a custom API. The final product aims to enhance the decision-making process by providing comprehensive data on available flowers based on various criteria.
Process
Research
I began the project by conducting in-depth research by shadowing buyers and interviewing them to understand their flower buying methods. This included multiple consultations with company owners to refine the tool's requirements and align them with expected cost benefits.
Prototyping
During the next phase I focused on developing a high-fidelity prototype using Figma. This prototype was reviewed by employees to ensure that all relevant data points were included and that the user interface was both functional and intuitive.
Data Scraping
I began backend development with the implementation of data scraping scripts for four wholesaler websites: Kennicott, Mayesh, Holex, and Rooted Farmers. I utilized the Puppeteer library in Node.js to automate interactions and extract data. This involved a detailed analysis of the code behind each website to accurately identify and retrieve data on specific flower types.
Database & API
The extracted data was formatted into JSON and stored in a SQL database. I then developed API endpoints for handling GET and POST requests, facilitating seamless data retrieval and interaction between the backend and frontend components.
Next Steps
The final phase of this project involves designing a user-friendly interface that allows buyers to submit queries and trigger API requests. This interface will be built using Flask, and the results will be displayed in an interactive, filterable spreadsheet format. Following the integration of frontend and backend systems, the website will undergo comprehensive user testing to ensure functionality and usability.