## Pinnect

Game-map collaboration, all for gammers.
Our vision is to create a dynamic and interactive platform that functions like a game itself. Imagine this: you click on a spot on a map, and just like that, you're crafting your story. What's more, you can connect your narrative to others' stories, creating a collaborative storytelling experience like never before. Pinnect is not just a platform; it's an adventure waiting to happen.

## Core Features Built with Eluvio

**Eluvio Content Fabric - Tokenization**

* Converts content into digital assets, including both fungible and non-fungible tokens (NFTs). Transforms story cards created on the map into NFTs.
**Utilize the Eluvio Media Wallet**
* Creators use the Media Wallet when logging into Pinnect.
**Story of the Day**
* feature called "Story of the Day" where users on Pinnect can submit and view a featured story each day. This story gets tokenized using Eluvio and showcased in a special section. Each day, a new story is selected, tokenized, and featured. The integration with Eluvio ensures secure and verifiable content management, while the use of the Media Wallet can authenticate submissions and access.

## Story of the day!

Recommend daily story for user which fits their preference the most
**The AI framework support for the Pinnect platform is enhanced by** **MindsDB**

* Personalized Recommendation Engine: By integrating the new AI framework with MindsDB, a more accurate recommendation system is built to suggest stories or games that users may be interested in.
**Vectara** **Content Recommendation Engine**
* Application scenario: Use Vectara to provide personalized content recommendations for Pinnect users.
* Implementation method: Analyze user behavior and preferences, and combine with Vectara to generate relevant article or post recommendations.

## Game-map Collaboration

This page allows you to control the display of the map and its tags through filtering, sorting, and other methods to find the information you need.
Priority of feature requirements: Understandable but not obvious method

1. Tag List: Display an evenly arranged list of all primary tags and their associated secondary tags. Clicking on any will dim it and no longer display its corresponding tag on the map. Clicking a primary tag will hide all the markers corresponding to its secondary tags.
2. Show/Hide All Switch: This switch controls the visibility of all tags.
3. Search Box: This allows for searching for specific tags or markers.
4. Progress Radio Button: By selecting different chapters (game progress), you can choose different degrees of war fog coverage to prevent spoilers. For example, when selecting the first chapter, markers in the tag data that belong to the second chapter and later will be hidden.
5. Heatmap Display Mode Switch: You can select "Heatmap Priority" to display the markers most frequently visited/submitted by current players. This is useful for viewing the progress of the majority of players.
6. Mini-map and Zoom Buttons: Includes a thumbnail of the map and zoom in/out buttons.

## Tag Editing

Editing interface for tags.
The layout, from top to bottom, is as follows:

* Image and its submission button.
* Title and its text input box.
* Description and its text input box.
* Dropdown single selection box for primary tags.
This can be tasks, NPCs, items, buildings, regions, or any other types.
* Dropdown single selection box for secondary tags.
Only two levels of tags are set.
* Belonging chapter.
* Submission button.

### Function

1. In the description input box, hyperlinks to other tags can be created using [[]] syntax.
2. Transaction bundling: every 'n' transactions should be bundled together for on-chain attestation (this number 'n' needs to be set).
3. AI duplication detection: when a user makes a submission, the content is analyzed to determine if it is a tag that already exists. If it is, a prompt should appear asking if this is a mistake, with two options: 'Yes, submit an updated version' or 'No, submit as a new version'. If 'No' is chosen, the submission should undergo backend review.

## Relationship Flow

Relationship diagram of the current tag is highlighted. When another tag is clicked, a line between the current tag and the clicked tag is displayed, along with an adjacent edit box.

The layout of the edit box, from top to bottom, is as follows:

1. Direction and its option box: There are two types, preceding and following, similar to the arrowhead editing box at the end of the line in Keynote.
2. Relationship and its option box: This can be connectors like "owns", "manages", "belongs to", "requires", etc.

## Connect Wallet with cross-platform support

Contribute on-chain for fair incentive and collaboration

## Developers

**Annie Huang**
CS + Business Sophomore @ UC Berkeley, ETH Denver NFT Track Award Winner, Canada National Book Award Winner, NCWIT Award Winner.

## About the Project

*Inspiration*: My passion for gaming and interactive storytelling sparked the idea of Pinnect. I envisioned a platform where users could not only share their stories but also collaborate to create a larger, intertwined narrative using a dynamic game map.

*Learning Journey*: Embarking on this project solo, every step was a profound learning experience. I immersed myself in technologies like Eluvio Content Fabric, honed skills in AI with MindsDB, and navigated the world of content recommendation using Vectara.

*Building the Project*: As a solo developer, multitasking was the name of the game. From conceptualizing the interactive game-map to integrating tokenization of stories into NFTs, and implementing a comprehensive tagging system, every phase posed unique challenges.

*Challenges*: The balance between crafting a robust backend and ensuring a seamless user experience was a tightrope walk. Tokenizing stories into NFTs while retaining a user-friendly platform interface was particularly demanding. Further, fine-tuning the recommendation engine to curate stories tailored to user preferences was both challenging and rewarding, as it underscored the platform's commitment to delivering a personalized experience.
## 💡 Inspiration

* Decision fatigue a personal problem for all of us
* Recommendations on Netflix, Disney, etc doesn't represent our interest for your personal or friend group demands
* Buying things we see our favourite actors wear, use or want to represent!!

## ⚙️ What it does

* Improves quality of recommendations by grabbing ratings specific to your social group
* Sponsored ads during specific time stamps to direct consumers towards complementary goods
* Reduce decision fatigue by providing a top 10 for your friends

## 🛠 How we built it

* Created using Visual Studio Code
* Developed the WebApp with Figma, JS, and CSS
* Github to store and fuse everyone's code together.
* Domain acquired from domain.com
* Used Vercel to deploy website

## 💣 Challenges we ran into

* Difficutly to focus on one idea as a team
* Figma was something new to all of us for brainstorming and creating mockups
* NextUI wasn't a complete library and lacked documentation, thus causing a huge learning curve.

## 🏆 Accomplishments that we're proud of

* Replicating Figma mockups with Web development technologies.
* Being able to hand in a project we are all proud of, despite tight deadlines

## 📚 What we learned

* Learned about the importance of agile methodologies
* Enhanced everyones front end arsenal of skills

## ⏭️ What's next for CineTrak

* Bringing a competition style from video cinemas to video streaming platforms. Gamification of social presence on video streaming platforms
Welcome to college life! It’s a fresh start, with a bit of that first-day buzz and the thrill of what’s to come. No old friends around just yet, and it might feel like you're a long way from home. But you're about to dive into a sea of new experiences, with your goals leading the way.

Tackling college can be a wild ride. Excited for the lectures but nervous about the social scene? That's completely normal, and that's why we created LectureLink – your sidekick for navigating campus life.

LectureLink is about connecting – not just to classmates, but to friends who’ll ride out this adventure with you. It’s about making your college experience a group journey, not a solo mission.

We’re all about the connections that come from tackling the ups and downs together. It’s more than study sessions; it’s about friendships that'll stick with you, long after the final exams.

When you look back at your time at university, you’ll see a network of friends who’ve been there through it all. LectureLink is here to help you start that journey, fostering bonds and memories that last. Here’s to making every moment of your college days count. Welcome aboard! 🌟📚