Project Info
Inspiration
The inspiration for "Tag" came from a desire to bridge the gap between people, across all ages and interests, in a deeply personal yet digital way. Recognizing the limitations of existing social platforms in fostering genuine connections that have become less social and more media-centric, especially during times when physical distances have grown, "Tag" seeks to reintroduce the intimacy and authenticity often missing from our online interactions.
What it does
"Tag" is a mobile application that facilitates meaningful conversations through thoughtfully crafted prompts. It prompts different groups of people daily, allowing a centralized platform for connections to thrive, gaining knowledge and adaptively responding to user behavior. It encourages users to share more than just superficial updates, diving into reflective and personal exchanges. This platform stands out by focusing on depth and the loneliness epidemic, allowing friends and connections to engage on a level that strengthens their relationships, regardless of the physical distance.
How we built it
The app was developed using React Native/typescript and node, enabling a cross-platform presence from the get-go. Figma was a big help. Key challenges included integrating storage for real-time data handling and pivoting from Convex to an API with async storage due to server demand issues. Despite the steep learning curve with technologies and collaborative tools like Git, the team's dedication and adaptability were paramount in bringing "Tag" to life.
Challenges we ran into
The journey of incorporating backend services was fraught with technical hurdles. Initially opting for Convex presented a steep learning curve and unforeseen server demand issues, leading to a critical pivot towards Firebase and async storage solutions. This shift demanded rapid adaptation and a reevaluation of our backend strategy under tight deadlines. Concurrently, mastering Git for effective team collaboration introduced its own set of challenges, compounded by the unexpected illness of a team member, which threatened to reduce our workforce. These obstacles tested our resolve, adaptability, and teamwork skills in the face of uncertainty.
Accomplishments we're proud of
Successfully completing our first hackathon as an all-women team, we're proud of sticking closely to our design specifications and prioritizing user-centric design. The development of "Tag" demonstrated our ability to work harmoniously, overcome technical and personal challenges, and create a product that resonates with our intended audience. The thoughtful design, including handwritten fonts and engaging prompts, reflects our commitment to creating meaningful digital spaces.
What we learned
This journey taught us invaluable lessons in app development, teamwork, and design consistency. We learned the importance of early starts, in-depth communication before diving into tasks, and the need to always pull before pushing in Git. The experience has been enlightening, providing us with a solid foundation in both technical and collaborative skills.
What's next
Encouraged by positive feedback and the potential impact on fostering connections (we asked our friends and long-distance friends for feedback :)), we're excited to further develop "Tag." Plans include expanding its features, refining the user experience based on real-world testing, and potentially exploring avenues for wider adoption. We would love to build it out to include more back-end, user authentication, mass database storage and more. Our vision for "Tag" goes beyond a project; it's about creating a platform that treats the loneliness academics, enriches friendships and bridges distances with heartfelt conversations.
TAG
our treehacks 2024 project :D
Inspiration
The inspiration for "Tag" came from a desire to bridge the gap between people, across all ages and interests, in a deeply personal yet digital way. Recognizing the limitations of existing social platforms in fostering genuine connections that have become less social and more media-centric, especially during times when physical distances have grown, "Tag" seeks to reintroduce the intimacy and authenticity often missing from our online interactions.
What it does
"Tag" is a mobile application that facilitates meaningful conversations through thoughtfully crafted prompts. It prompts different groups of people daily, allowing a centralized platform for connections to thrive, gaining knowledge and adaptively responding to user behavior. It encourages users to share more than just superficial updates, diving into reflective and personal exchanges. This platform stands out by focusing on depth and the loneliness epidemic, allowing friends and connections to engage on a level that strengthens their relationships, regardless of the physical distance.
How we built it
The app was developed using React Native/typescript and node, enabling a cross-platform presence from the get-go. Figma was a big help. Key challenges included integrating storage for real-time data handling and pivoting from Convex to an API with async storage due to server demand issues. Despite the steep learning curve with technologies and collaborative tools like Git, the team's dedication and adaptability were paramount in bringing "Tag" to life.
Challenges we ran into
The journey of incorporating backend services was fraught with technical hurdles. Initially opting for Convex presented a steep learning curve and unforeseen server demand issues, leading to a critical pivot towards Firebase and async storage solutions. This shift demanded rapid adaptation and a reevaluation of our backend strategy under tight deadlines. Concurrently, mastering Git for effective team collaboration introduced its own set of challenges, compounded by the unexpected illness of a team member, which threatened to reduce our workforce. These obstacles tested our resolve, adaptability, and teamwork skills in the face of uncertainty.
Accomplishments that we're proud of
Successfully completing our first hackathon as an all-women team, we're proud of sticking closely to our design specifications and prioritizing user-centric design. The development of "Tag" demonstrated our ability to work harmoniously, overcome technical and personal challenges, and create a product that resonates with our intended audience. The thoughtful design, including handwritten fonts and engaging prompts, reflects our commitment to creating meaningful digital spaces.
What we learned
This journey taught us invaluable lessons in app development, teamwork, and design consistency. We learned the importance of early starts, in-depth communication before diving into tasks, and the need to always pull before pushing in Git. The experience has been enlightening, providing us with a solid foundation in both technical and collaborative skills.
What's next for Tag
Encouraged by positive feedback and the potential impact on fostering connections (we asked our friends and long-distance friends for feedback :)), we're excited to further develop "Tag." Plans include expanding its features, refining the user experience based on real-world testing, and potentially exploring avenues for wider adoption. We would love to build it out to include more back-end, user authentication, mass database storage and more. Our vision for "Tag" goes beyond a project; it's about creating a platform that addresses the ongoing loneliness epidemic, enriches friendships and bridges distances with heartfelt conversations.
Demo Vid
Analysis
View
Metric
- 88
- 35
- 10
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- FirebaseIn code
- HTMLIn code
- JavaScriptIn code
- ReactIn code
- TypeScriptIn code
- Node.jsClaimed
5 of 6 appear in the indexed code. 1 claimed on Devpost could not be matched to code, which may simply mean the tool leaves no trace in the repository.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
99 KB
Source files
55
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
beccacrosse/TAG
132 files · 53.4 MB · @ 2530dc9
Structure
Interface
38 files · 29%Screens, components and styles rendered to the user.
Application logic
12 files · 9%Domain rules, services and shared utilities.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- JavaScript70%
- TypeScript24%
- Markdown4%
- HTML2%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
Tag/package.json
npm · 26- @react-native-async-storage/async-storage
- @react-native-firebase/app
- @react-native-firebase/auth
- @react-native-picker/picker
- @react-navigation/native
- @react-navigation/native-stack
- @types/react
- bootstrap
- expo
- expo-app-loading
- expo-font
- expo-image-picker
- expo-status-bar
- firebase
- react
- react-native
- react-native-audio-recorder-player
- react-native-paper
- +8 more
package.json
npm · 2- @react-native-async-storage/async-storage
- react-native-audio-recorder-player
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
This project’s features have not been analysed yet.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.