debugging my mobile app
Budget: $10 – $30 USD
APP OVERVIEW:
I bought and reskinned a flutter mobile app with Laravel backend. The original app is a crowdfunding platform. However, I am repurposing it for crowdsourcing for food items, where people pull resources together to buy foodstuffs at wholesale prices which are cheaper. To this I’m added 1 widget and 2 new screens, that also allows user buy directly from their local market in case they don’t want to crowd pool.
Quick Shopping widget: This widget is a UI for drop down select, on the home screen. This widget works with the model class and services file that fetches all the table names from a database table. Where each table name represents a local market, therefore it fetches all the names of the local markets and puts them in a drop-down menu. On select of option from drop down menu, user is navigated to groceryshopping page, and his selected choice is passed to the next page also.
First page is called grocery shopping page: This is simply a shopping list creator. This widget has a search bar, and allows users search a database table for grocery items, and then adds items from that table to the grocery list. Both the item and its price are added to the list. At the end of adding, the total cost is computed and onclick, sends to the Order Details page. Also 2 fee items are fetched from the backend and added to the total cost. These fee names are logistics fee and handling fee.
Order Details page: Has input fields for name of customer, phone number, address. Also, variables such as amount and market choice of the customer passed to this page from the grocery shopping page. It sends these data back to the orders table in the back end
So here is a list of work done and their status
• QuickShopping widget – WHAT IVE DONE: created done. Ive also integrated this widget to home screen.
• Local Market drop down model- This model fetches the table names from LocalMarketDB. This has been created, but I have not fully integrated the APIs from the Laravel backend. Work To be done: What is needed is a copy and paste of the API url endpoints, as well as testing.
• LOCAL MARKETS API- WHAT IVE DONE: this api that fetches a list of the names in the database table. I have created the Controller, created the model, added the route to the api.php file. WORK To be done: However, I have not tested and im not sure the API route was written correctly.
• GroceryShopping widget: WHAT IVE DONE: This has been created. WORK To be done: Styling UI to be consistent with the overall App theme. Integrate the APIs for fetching logistics fees and handling fees.
• APIs for Logistics fees and Handling Fees; database tables to hold these fees has been created, controllers have been created, models have been created, API routes created and added to route/api.php. WORK TO BE DONE: Double check my api route code, copy and paste the correct API url in groceryshopping widget. Test and ensure its all working fine.
• Order Details page: WHAT IVE DONE: Page created, Database table created, WORK TO BE DONE: Ensure that the page is posting correctly to the orders table. The app already comes with flutter wave and pay stack already integrated. However, I also want to integrate them on this page.
• Laravel backend-Orders table: WHAT IVE DONE: ive created the controller, model and views updating, and showing orders. for this, ive also added the route to web.php. WORK TO BE DONE: Doublecheck my route code, ensure that these are integrated into the backend and I can view and update orders.
I bought and reskinned a flutter mobile app with Laravel backend. The original app is a crowdfunding platform. However, I am repurposing it for crowdsourcing for food items, where people pull resources together to buy foodstuffs at wholesale prices which are cheaper. To this I’m added 1 widget and 2 new screens, that also allows user buy directly from their local market in case they don’t want to crowd pool.
Quick Shopping widget: This widget is a UI for drop down select, on the home screen. This widget works with the model class and services file that fetches all the table names from a database table. Where each table name represents a local market, therefore it fetches all the names of the local markets and puts them in a drop-down menu. On select of option from drop down menu, user is navigated to groceryshopping page, and his selected choice is passed to the next page also.
First page is called grocery shopping page: This is simply a shopping list creator. This widget has a search bar, and allows users search a database table for grocery items, and then adds items from that table to the grocery list. Both the item and its price are added to the list. At the end of adding, the total cost is computed and onclick, sends to the Order Details page. Also 2 fee items are fetched from the backend and added to the total cost. These fee names are logistics fee and handling fee.
Order Details page: Has input fields for name of customer, phone number, address. Also, variables such as amount and market choice of the customer passed to this page from the grocery shopping page. It sends these data back to the orders table in the back end
So here is a list of work done and their status
• QuickShopping widget – WHAT IVE DONE: created done. Ive also integrated this widget to home screen.
• Local Market drop down model- This model fetches the table names from LocalMarketDB. This has been created, but I have not fully integrated the APIs from the Laravel backend. Work To be done: What is needed is a copy and paste of the API url endpoints, as well as testing.
• LOCAL MARKETS API- WHAT IVE DONE: this api that fetches a list of the names in the database table. I have created the Controller, created the model, added the route to the api.php file. WORK To be done: However, I have not tested and im not sure the API route was written correctly.
• GroceryShopping widget: WHAT IVE DONE: This has been created. WORK To be done: Styling UI to be consistent with the overall App theme. Integrate the APIs for fetching logistics fees and handling fees.
• APIs for Logistics fees and Handling Fees; database tables to hold these fees has been created, controllers have been created, models have been created, API routes created and added to route/api.php. WORK TO BE DONE: Double check my api route code, copy and paste the correct API url in groceryshopping widget. Test and ensure its all working fine.
• Order Details page: WHAT IVE DONE: Page created, Database table created, WORK TO BE DONE: Ensure that the page is posting correctly to the orders table. The app already comes with flutter wave and pay stack already integrated. However, I also want to integrate them on this page.
• Laravel backend-Orders table: WHAT IVE DONE: ive created the controller, model and views updating, and showing orders. for this, ive also added the route to web.php. WORK TO BE DONE: Doublecheck my route code, ensure that these are integrated into the backend and I can view and update orders.