Random Product Navigator

Allows a user to navigate categories to find AI-generated products.

Comment 1

Inspiration

Our inspiration was the ever growing use of AI in today's websites. We wanted to implement something as a proof of concept for further development.

What it does

  1. The user clicks on 1 of 5 AI-generated categories that they want to explore products from.
  2. The user clicks on 1 of 5 AI-generated subcategories of the category they want to explore products from.
  3. Using the subcategory the AI generates possible products and their prices displayed for the user to see.
  4. The user can then reset to look re-visit steps 1-3.

How we built it

We used React, Bootstrap, and Node.js. Also we used OpenAI's free API to test our project.

Challenges we ran into

Trying to learn how to use OpenAI's API correctly. Also, understanding the way to output the data from the post request.

Accomplishments that we're proud of

Finishing a hackathon project. Making plans that everyone agreed on was another thing we were proud of.

What we learned

We learned the basics of web development. We learned how to call OpenAI's API and how to use React, Bootstrap, and Node.js.

What's next for Random Product Navigator

Adding AI generated images. We were about to add them, however due to the limitations on the amount of API calls per minute we could not do so. The max API calls per minute was 3 for the free OpenAI API.

Share this project:

Updates