Git Product home page Git Product logo

shopping-ai-client's Introduction

AI Shopping Client

Should be run in combination with hudson-newey/shopping-ai-api

To Run

$ pnpm start
>

To build static webpage (for deployment on aws)

$ ./build-prod.sh
>

Shopper AI Overview

You can ask questions questions about what products to buy and it will provide suggestions.

e.g.

Query: i want to build a drain for my driveway

Response: To build a drain for your driveway, you will need several items. Here are some suggestions available on Amazon:

  1. Channel Drain System: Consider purchasing a channel drain system, which includes a channel trench, grate, and outlet. This will help collect and direct water away from your driveway.

  2. Trenching Shovel: Use a trenching shovel to dig the necessary trench for the drain system.

  3. Perforated Pipe: You will need a perforated pipe to connect to the channel drain and carry the water away from the driveway. Ensure the pipe is compatible with the channel drain system you choose.

  4. PVC Pipe Fittings: Purchase PVC pipe fittings such as elbows, connectors, and couplers to connect the perforated pipe and create a functional drain system.

  5. Geotextile Fabric: To prevent sediment or debris from clogging the drain, use geotextile fabric to line the trench before installing the channel and pipe.

  6. Gravel: Use gravel to create a stable base in the trench and around the pipe for proper drainage.

  7. Concrete Mix: If necessary, buy concrete mix to secure the channel drain and create a stable structure.

  8. Saw or Cutter: Depending on the chosen channel drain system, you may need a saw or cutter to trim or adjust the length of the channel trench or pipe.

Remember to check specific measurements and requirements for your driveway before purchasing these items. Additionally, always consult local regulations and guidelines before undertaking any drainage project.

Each item in the list is linked to an Amazon product (with pictures & ratings coming soon) and will provide an ~10% referral fee back to the us.

Similar to chatGPT, you can ask followup questions

e.g.

What if my driveway is on a slope?

shopping-ai-client's People

Contributors

hudson-newey avatar

Stargazers

 avatar  avatar

shopping-ai-client's Issues

Cache api ip

Caching the LB IP client side will reduce load times since we don't have to do DNS A name lookups

Add text to explain how to use the AI

Users usually have to ask the question "so what types of questions do I ask it"

Therefore the examples are obviously not enough and we should probably add some explanatory text underneath the examples

I'd probably add an icon next to the text (maybe a question mark)

Use ng routes for navigation

Right now we're destroying the page and recreating it any time someone clicks on the examples

We should instead use hydration

Implement design changes requested by graphic designer

  • Remove some padding from input box (i'm a bit conflicted on this)
  • Make response box fill up entire screen
  • Standardise fonts and font sizes
  • Make font size a bit smaller
  • Standarise scroll bars into theme
  • Each dot point should be seperated with dot points

Create tests for client

At the moment, the client is 100% untested (apart from document titles)

We should probably have at least 50% code coverage

Share links

Each link should have a share button next to it so that people can send via messenger etc...

Get SSL certificate

Although we're not doing any transactions so therefore we don't have any risk of end user hacks, users still get scared when they see http:// and the word shopping next to each other

we should probably get a free ssl cert from lets encrypt

Fix amazon referral urls

At the moment, the referral url parameters disappear once the user clicks on an item

They should not

If you want to prototype using your own referral code, feel free too

Create PWA

We should add a downloadable pwa so users can add it to their start menu & desktop

Standardize scrollbars

Using the user agent scroll bars is bad and can sometimes look like they don't belong

We should probably use custom scrollbars

Migrate the global style guide

I don't care how this is implemented (bootstrap, scss, css variables, etc...) we just need a unified design language in a centralised document

Get code size down

Angular is notorious for being slow and shipping large amounts of code

We should investigate some tree-shaking, minification, and lazy loading techniques to get the initial page load time down

Add search terms at the bottom of the chat

Since we are going to be linking to real items

We should give the user an option to search for a border set of items on the Amazon website

This should include our tracking and referral url parameters

Mobile view

Mobile user agents are not currently functional

We should get these working

Improve product detection

At the moment, some products in text are not correctly identified

They should be correctly identified and highlighted

About page

We should create an about page showcasing the use cases

Obfuscate code

We should obfuscate the code that is produced so that people can't reverse engineer the product

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.