Project Info
This project did not submit a demo video on Devpost.
Video Demo: Watch here
Inspiration
💡 Panic attacks and chronic anxiety affect millions of people every year, often catching them in moments when help is out of reach. Skog is designed to fill that gap, providing on-demand support to those who need it most. Whether it’s guiding users through calming exercises, contacting an emergency contact, or helping them uncover patterns in their anxiety triggers, Skog empowers individuals with immediate relief and long-term tools for managing their mental health. Skog isn’t just an app—it’s a lifeline for moments when you feel most alone.
What it does
🧠 Skog offers real-time, AI-driven support during panic attacks and anxiety episodes. It combines voice-assisted grounding techniques, emotional analysis, and automated emergency contact alerts to give users the tools they need to regain control. Key features include: Breathe: A soothing, voice-guided breathing exercise enhanced with visual cues, using Cartesia API for calming narration. 3 Senses: A grounding exercise where users are guided to focus on their environment—what they see, hear, and feel—facilitated by real-time feedback from a voice assistant powered by VAPI. Talk with Skog: An empathetic AI agent provides emotional support, with responses adapted through real-time analysis of the user’s emotional state via Hume EVI. Anxiety Trigger Detection: Skog identifies recurring anxiety triggers, offering users personalized coping strategies and insights for long-term management. Community Forum: A supportive space where users can share their stories, connect, and learn from each other’s experiences.
How we built it
🛠️ Frontend: Next.js and React for creating a smooth and intuitive user interface. TailwindCSS and Shadcn for sleek, adaptable styling. Framer Motion to ensure an engaging, visually-pleasing experience. Backend: Firebase for secure data management and user authentication. Twilio for sending SMS notifications to emergency contacts during critical moments. Cartesia API for real-time voice narration that guides users through calming exercises. VAPI for interactive, real-time feedback during grounding exercises. Hume EVI to detect user emotions and personalize responses based on their current emotional state. OpenAI and Google Search API to analyze anxiety triggers and recommend reliable coping strategies.
Challenges we ran into
🤔 Building a seamless user experience without a dedicated designer or Figma mockups. Integrating real-time WebSockets for communication was more complex than anticipated, leading to delays. Spent too much time dilly-dallying in SF (but who doesn't?)
Accomplishments we're proud of
💪 Successfully delivering a fully functional app that offers real-time support during panic attacks. Seamlessly integrating multiple APIs to create a cohesive, responsive user experience.
What we learned
🌟 Project Scoping: We gained valuable insights into defining achievable goals within short timeframes. API Integration: We mastered connecting WebSockets and handling complex emotion-detection APIs. Debugging in Next.js: Thanks to our mentor, we can now say goodbye to endless NextJS console logs.
What's next
for Skog 🚀 Refined Narration: We plan to enhance the app's voice interaction to make it more personalized and compassionate. Professional Contact Integration: Skog complements therapy but isn’t a replacement. Our next step is integrating trusted professional contacts for more structured long-term care. Long-Term Tracking: We’ll expand Skog’s ability to track anxiety patterns over time, offering deeper insights for better mental health management.
skog
Automating panic attack first aid and trigger diagnosis with empathetic voice AI.
🚀 Demo
📸 Project Screenshots
🧐 Features
skog provides both immediate support for users experiencing panic attacks and a comprehensive tool to help mental health professionals diagnose and track anxiety triggers over time. Key features include:
-
Voice-Assisted Grounding Exercises: Skog automates scientifically-backed de-escalation techniques such as breathing exercises and the 3-3-3 method, guiding users step-by-step through calming practices designed to alleviate panic attack symptoms quickly.
-
Panic Attack Trigger Detection: Using advanced speech processing, Skog analyzes a user's verbal cues to identify potential anxiety triggers. Based on this real-time analysis, it offers personalized coping mechanisms tailored to the user’s specific situation, helping to reduce the frequency and intensity of future episodes.
-
Emergency Contact Alerts: In critical moments, Skog automatically alerts a designated emergency contact via SMS when it detects signs of a severe panic attack, ensuring that users are not alone during high-stress situations.
-
Community Forum: Skog provides a supportive online space where users can share their experiences, connect with others who face similar challenges, and validate their feelings. This sense of community helps users feel heard, reducing isolation and stigma associated with anxiety.
🛠️ Installation Steps
-
Clone the repository and install dependencies:
npm install -
Set up your API keys:
echo /.env -
Run the app in a development environment:
npm run dev
💻 Built With
Technologies used in the project:
- Next.js
- VAPI
- Cartesia
- OpenAI API
- Twilio
- Firebase
Analysis
View
Metric
- 27
- 3
- 3
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
- CSSIn code
- FirebaseIn code
- Next.jsIn code
- OpenAIIn code
- ReactIn code
- Tailwind CSSIn code
- TypeScriptIn code
7 of 7 appear in the indexed code.
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
86 KB
Source files
43
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
jasukej/calhacks
58 files · 1.0 MB · @ 63fa470
Structure
Interface
28 files · 48%Screens, components and styles rendered to the user.
+7 moreAPI & routing
3 files · 5%Request entry points: routes, handlers and controllers.
Application logic
11 files · 19%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
- TypeScript95%
- Markdown3%
- CSS2%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
package.json
npm · 46- @cartesia/cartesia-js
- @google-cloud/storage
- @humeai/voice
- @humeai/voice-react
- @opentelemetry/api
- @phosphor-icons/react
- @radix-ui/react-checkbox
- @radix-ui/react-icons
- @radix-ui/react-slot
- @radix-ui/react-switch
- @radix-ui/react-toggle
- @vapi-ai/web
- axios
- class-variance-authority
- clsx
- compromise
- firebase
- firebase-admin
- +28 more
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.