Storyboard

Inspiration

We were inspired by the amount of small businesses cropping up in the Rio Grande Valley and the effort they have to go through to make their businesses come to life.

What it does

Our project provides the user with color palettes, logos, and more for a customer, based on the information they are providing us in the starting questionnaire. We prompt every new user to do the questionnaire so that the AI model can know what kind of information the user is looking for.

How we built it

We built it using the T3 tech stack that consists of Typescript, Next.js, and Tailwind CSS to make our web pages have more flexibility and personal choice. Typescripts' static typing is convenient for making sure a certain variable is only getting one type of data. We used Google Gemini's public API to integrate it into our project which is where the information for the user comes from.

Challenges we ran into

As a team with 2 out of 4 people who are new to hackathons and 3 out of 4 people who have never experienced programming with React.js or Typescript, we ran into a lot of basic issues and stupid mistakes. Thankfully, the experienced member on the team stepped up and helped us when we were in need of help.

Accomplishments that we're proud of

The members that had never touched React felt very proud of their work since everyone was assigned to design the front end for a route. All members managed to finish their front end which was a massive achievement for us. The more experienced member also made some incredible contributions like coding up the implementation of Google Gemini using its API.

What we learned

As mentioned before, the new people got to learn a lot about JavaScript, TypeScript, React, and many web development basics, while the experienced member got to practice his implementation of AI models as well as AI prompting.

What's next for Storyboard

The next step for Storyboard would be to solidify OAuth for easy logins/signups as well as visual animations and more responsive AI prompting so that Gemini can give you more accurate results.