Inspiration

We were inspired by the profound, yet often invisible, connection between our personal well-being, the strength of our communities, and the health of our environment. In a world of fragmented data, we wanted to answer a simple question: what if we could see this harmony? Our goal was to build a platform that transforms abstract data points into tangible, beautiful, and inspiring digital experiences, showing how individual healing can ripple outwards to create a healthier planet.

What it does

SoulSync is a web-based platform that visualizes the relationship between human health, community engagement, and environmental metrics. It translates real-time data into interactive, artistic digital installations. For example, the "Community Glow Sphere" feature represents a community's wellness score as a radiant, pulsing sphere of light, while other features imagine drone light shows or choreographed water fountains reflecting recovery milestones. The platform aims to make data beautiful and inspiring, fostering a sense of shared responsibility and collective well-being.

How we built it

SoulSync is a full-stack application built with a modern, scalable technology stack, starting from a sophisticated web template to ensure a professional UI.

  • Frontend: The user interface is built with React, TypeScript, and styled with TailwindCSS. We used react-router for navigation and framer-motion for fluid animations to create a responsive and engaging user experience.

  • Backend: The entire backend is powered by AWS Amplify, which allowed us to rapidly build and deploy serverless infrastructure.

    • Authentication: We used Amazon Cognito to manage secure user sign-up and login.
    • API & Database: We implemented a GraphQL API with AWS AppSync that connects to Amazon DynamoDB for storing and retrieving real-time data like user profiles and health metrics.
    • Serverless Logic: We planned for AWS Lambda functions to handle real-time data processing and business logic.

Challenges we ran into

Our biggest challenge was configuring the AWS Amplify environment. We encountered persistent issues with generating the aws-exports.js file, which is crucial for connecting the frontend to the backend. This led to a deep dive into debugging version compatibility issues between different aws-amplify libraries (v5 vs. v6), troubleshooting CLI commands, and exploring manual configuration alternatives. Overcoming this hurdle required significant perseverance and taught us invaluable lessons about the nuances of working with a rapidly evolving cloud framework.

Accomplishments that we're proud of

We are incredibly proud of successfully designing and architecting a complex, multi-feature platform with a visionary scope. A key accomplishment was setting up a full-stack, serverless backend using AWS Amplify, including a secure authentication system with Cognito and a real-time GraphQL API. We are also proud of the professional and polished UI we were able to build by customizing a high-quality web template, which gave our project a solid foundation.

What we learned

This hackathon was a phenomenal learning experience. We gained practical, hands-on skills with the AWS Amplify stack, particularly Cognito for authentication and AppSync for real-time APIs. The configuration challenges taught us the critical importance of understanding framework versioning and the necessity of being adaptable when official documentation doesn't match real-world scenarios. We also learned to think critically about how to translate complex data into user-friendly and aesthetically pleasing visualizations.

What's next for SoulSync

The future for SoulSync is to bring all of our visionary features to life. Our next steps include:

  1. Full Feature Implementation: Build out the other core experiences like the "Vitality Sky Mosaic" (IoT drones) and "Resilience Ripple Jet" (IoT fountains).
  2. Real-Time Data Integration: Connect the platform to real-world data sources for health and environmental metrics.
  3. Mobile AR Experience: Develop the planned Unity 3D components to create immersive, mobile augmented reality experiences for features like the "Community Glow Sphere."
  4. Community & Social Features: Expand the social sharing capabilities to foster a global community around health and environmental wellness.

Built With

Share this project:

Updates

Submission history