SafeScreen

• 

• 

• 

• 

  Code

Inspiration

help with people's focus and productivity

What it does

block Explicit Content and see screen time, and enable focus mode.

How we built it

We used React Typescript and webextension-polyfill package to use Web Extension API. Also, We designed the project using Figma. Also, we used styled-component library and recoil libraries to improve our developing experience.

Challenges we ran into

Implementing AI

Accomplishments that we're proud of

Record Screentime in background process.

What we learned

We learned how web extension works and how to use Figma productively.

What's next for SafeScreen

Completing Focus Mode feature, Improve our AI feature, and scale it to mobile apps.

Built With

• css
• figma
• html
• react
• styled-component
• typescript