Witaj w wyzwaniu hackathonu "Pomocnik zakupowy AI"!
Twoim zadaniem będzie stworzenie inteligentnego asystenta zakupowego, który na podstawie wywiadu z użytkownikiem dobiera właściwe produkty i przekierowuje do koszyka w znalezionym sklepie internetowym. Wykorzystasz do tego model GPT, który pomoże w analizie potrzeb użytkownika i rekomendacji produktów.
Projekt ten pozwoli Ci na rozwinięcie umiejętności w zakresie integracji API, przetwarzania języka naturalnego oraz tworzenia aplikacji webowych. Będziesz pracować z technologiami, które są obecnie na topie, a także nauczysz się, jak efektywnie wykorzystać sztuczną inteligencję do rozwiązywania realnych problemów.
- Supabase - upload plików, baza PostgreSQL, autoryzacja, realtime subscriptions
- Firebase - autoryzacja, storage, baza danych, hosting, cloud functions
- Vercel - upload plików, bazy SQL, storage, AI, hosting, cloud functions
- Pamiętaj, aby nie wymyślać koło na nowo. Korzystaj z gotowych rozwiązań oraz wspomagaczy znalezionych w internecie. Nie trać czasu na budowanie komponentów interfejsów od zera.
- Less is more. Nie potrzebujesz dużej ilości funkcjonalności, aby Twój produkt działał. Skup się na minimalnej wartości jaka jest w stanie rozwiązać problem.
- Pamiętaj o regularnym korzystaniu z GPT. Używaj tego narzędzia w takim samym stopniu jak Google. Analizuj treści zadań, rozbijaj je na mniejsze części i wspomagaj swoją organizację pracy oraz swojego zespołu. Nieważne czy pracujesz nad prezentacją, czy programujesz - AI to Twój przyjaciel.
Cel 🎯
Rozpocznijcie od zorganizowania sesji brainstormingowej, aby zidentyfikować i zaplanować kluczowe komponenty asystenta zakupowego, który na podstawie wywiadu z użytkownikiem dobiera właściwe produkty i przekierowuje do koszyka w znalezionym sklepie internetowym.
Wykorzystajcie narzędzie Figjam do wspólnej pracy nad założeniami i dokumentujcie wszystkie pomysły oraz wnioski.
Link do Figjama wraz z instrukcją korzystania: Figjam Brainstorming Session
Notka
Postarajcie się być jak najbardziej innowacyjni i kreatywni, ale także realistyczni w ocenie tego, co jest możliwe do osiągnięcia w ramach czasu hackathonu.
Cel 🎯
Zaimplementujcie OpenAI w procesie budowy inteligentnego asystenta, który na podstawie wywiadu z użytkownikiem pomoże dobrać właściwe produkty oraz ułatwi proces zakupu.
Użyjcie poniższego klucza, aby skorzystać z zasobów OpenAI.
OPENAI_API_KEY=sk-proj-KYKsPChepRHTuHtvyRnamApm5zTveqeBiETapHFp5okt2cTz0gxI6S1uEhHjxRI4MY5wnmCz8-T3BlbkFJ9hXRuIXFqSdmweawgnZc9rlaXD8NBK5mckp92dJdqq8chnYRsvK8MfJ4ALMo7n6U5aG1YMS28AKliknij tutaj, aby przejść do dokumentacji OpenAI
Na co warto zwrócić uwagę? 📚
- Asystent powinien być podłączony do internetu.
Cel 🎯
Stwórzcie prezentację, która zaprezentuje Wasze rozwiązanie i przekona jury, że to Wasze rozwiązanie powinno wygrać! 🏆
Prezentacja może być stworzona w dowolnym formacie oraz na dowolnej platformie.
Wymagania 📚
- Link do prezentacji załączcie w sekcji komentarzy poniżej w oknie tego zadania
- Długość prezentacji / ilość slajdów powinna mieć taką objętość, aby zaprezentowanie projektu nie przekraczało 3 minut.
Cel 🎯
Waszym zdaniem będzie wdrożenie zaprogramowanego rozwiązania na wybrane środowisko, aby było możliwe przetestowanie.
Pamiętaj, że po oficjalnym ukończeniu projektu każdorazowy commit z poprawkami będzie kosztował Wasz zespół -5 punktów jeżeli zrobicie to w terminie lub -10 punktów jeżeli zrobicie to po terminie zakończenia fazy programowania.
Przed oddaniem projektu upewnijcie się, że wszystko działa zgodnie z Waszymi oczekiwaniami.
Wymagania 📚
- Działająca aplikacja powinna zostać wdrożona na wybrane środowisko
- Link do wdrożonej aplikacji powinien zostać umieszczony w dedykowanym polu po prawej stronie tego okna.
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.