Josyam

Welcome Page
Card Deck
Chat 1
Chat 2
Meet the Team

Inspiration

We thought the celestial theme was really interesting, and thinking along those lines, we ended up on tarot cards. But to make it a little different, we put a cultural spin on it by focusing specifically on parrot fortune-telling, known as chilaka josyam, to draw the user in with a new concept.

What it does

The user selects a random card from a deck, and then gets to talk with a Gemini chatbot about the meaning of their card and how they think it applies to them.

How we built it

We used the Gemini API, Git, Node.js, the React framework, Tailwind CSS, and Framer Motion for the technical aspects, and we used Canva for the design elements to build our website. It was not too logic-intensive, so we spent a lot of time fine-tuning the design details.

Challenges we ran into

There was a lot of trouble with installing the systems on everyone's devices, and we also had many lengthy discussions on the design and animation choices we wanted to make. Node.js was a new technology that we had to learn, and there were many times we had trouble debugging and understanding what our code was doing.

Accomplishments that we're proud of

We really like the styling on our card deck and the different animations (scale out, glow, fade). We were also proud that we were able to integrate Gemini into our website.

What we learned

We learned a lot of things. Most importantly, I think we got a lot of experience with React and how it ties in with HTML and the different parts of it, like the components, states, effects, routes, etc. I think we feel more confident in using React in future projects concerning front-end development. Framer Motion was also very interactive and fun to use because it provided us with many cool effects.

What's next for Josyam

I don't believe we'll build upon this website, but we will definitely use these skills to build webpages/apps that address real-world problems, such as the prompts from the partner tracks. We were beginners just trying out something new, and I think we've laid a solid foundation for better projects in future hackathons.