Ember

• 

  home page

• 

  login screen

• 

  main feed page

• 

  journal and burnbook

• 

  ai conversation and ElevenLab text to speech

• 

  Immediate resources page

• 

  user profile, posts, comments, daily streak

• 

  Dming feature

Inspiration

The inspiration behind Ember came from the fact that a lot of current mental health websites are very clinical with white backgrounds and overly professional structures. Ember provides a warm, secure, and supportive environment for its users. With simple and extremely accessible UI that’s dynamic for both mobile and PC devices, users can feel comfortable enough to light their candle, and know that they are not alone, and that there are always resources to help you find the light within the darkness. 4 Some clinical resources that Ember will burn brighter than: Timely Care and Sources of Strength.

What it does

Ember is a secure social media platform that helps combat user toxicity through ai post moderation using SnowflakeAPI and provides many diverse solutions to help support its users. These resources include journaling with saving features, and even a pdf conversation converter if users want to transport their journaling to other professional help resources, burn-book journaling for users to vent and set their messages on fire! A specialized EmberAI friend to chat with, while this is not a professional resource, it utilizes ElevenLabs text to speech features to walk the user through calming breathing exercises and others, we also implemented a DMing system between users if they want to take their post conversation to a more private discussion, and create further quality community connections. Additionally, we grounded the website using GeminiAPI!

How we built it

We used Snowflake for all of our AI moderation and chatbot features, we used ElevenLabs to help guide the user through breathing exercise, and we used Gemini’s Antigravity studio to help with implementing the front end with Next.js, Typescript, React, TailwindCSS, Supabase, and the hand drawn graphics that our team made.

Challenges we ran into

We ran into a lot of merge errors towards the end because we were working all the different ideas we had individually, we got really into the code flow, had success all around until we had to put everything together.

Accomplishments that we're proud of

We’re really proud of our UI, we put a lot of thought into it. Every aspect of it was intentional and thoughtful. We made custom designs, hand drawn Icons, and make it dynamic between mobile and PC devices.

What we learned

A lot of us had never used anti-gravity, Typescript, or React before, so this was a huge learning experience for all of us that we are so grateful to have participated in. Big thank you to our mentors and organizers for being there for us in the beginning of our brainstorming phase.

What's next for Ember?

Next we plan on enhancing our DMing features and user security. We want users to feel as comfortable as possible so that they may be emotionally vulnerable and further emphasize how innovative and more beneficial Ember is than currently existing resources.

Built With

• antigravity
• elevenlabs
• geminiapi
• next.js
• node.js
• react
• snowflakeapi
• supabase
• tailwindcss