GiftShare

GiftShare is a forum website for asking people about gift recommendations for specific occasions, with filters by price and occasion.

Inspiration

Mother's Day is Tomorrow. We want a way to find the perfect present for our loved ones.

What it does

• Allows users to create and browse for collaborative rooms to discuss and find gift ideas for certain occasions.

How we built it

• ReactJS
• React Three Fiber
• Typescript
• Firebase
• GitHub Actions
• GitHub Pages

Challenges we ran into

• Configuring the deployment of Github Actions and Firebase.
• Learning new ReactJS concepts.

Accomplishments that we're proud of

• Incorporating and animating 3D models to the landing page
• Implemented real time database and chatting features.

What we learned

We have never used React Three Fiber, so it was a challenge getting the 3D models up and running. However, at the end, we got a good understanding and think that it is a library that can be used in countless future projects.

What's next for Gift Share

• Adding AI and API power: We plan to use Recommendations AI from Google Cloud's Retail API to give gift suggestions based on user event and catalog data. We achieve this by making HTTP requests that filters by tags, where we could use category names and budget as keywords. These recommendations models would be trained by user data such as viewer history or rating (which is already kept track of with the like feature and real time database).

Built With

• drei
• firebase
• github
• react
• reactthreefiber
• typescript