It’s avocado season and there are special offers everywhere. Help your friends to keep track of finding the cheapest avos by creating a little web app using the supplied Factory Function in avo-shopper.js.

Use the sql script in sql/tables.sql to create the required tables in your local database.

Check out test/avo-shopper.test.js to see how to use the supplied Factory Function.

• Create a screen where new avo deals can be added: A deal has a price and qty. It's created at a given shop. Shops should be selected from a dropdown. Qty and price should not be blank. And a shop must be selected before a deal is added.

• Create a screen that shows a list of all the shops.

  • Use the pre-populated shops in the data.sql file

• Create a screen that show all the avo deals for a given shop - link to this screen from the shop list screen above. Show deals in the format qty for price. For example 3 for R18, 5 for R27

• Create a screen where a new shop can be added. Add a link to this screen from the Shop list screen.

• Show a list of the top 5 avo deals - this should be your landing page. Use deal format. Add some avo picture or ways to show deal details visually.

• Allow a user to enter how much money they have to recommend to them where to go and buy their avo’s. Show the deals, the shop name and the unit_price for each deal.

To get going:

• Fork & Clone this repo
• Install the dependencies
• Run the app

• Deploy your app to heroku - share the link with us
• Ensure your app is responsive.
• Create a color scheme with some elements of green using : https://coolors.co/
• Create a paper prototype for your screens - plan your screens. Add this to your repo in GitHub.
• Use ExpressJS and Handlebars we started the app for you in index.js.
• Setup your own travis deployment.

• Your paper prototype - do this first. In the first hour of working on your app.
• The link to your deployed app.