This is a submission for the DEV Weekend Challenge: Community (dev.to in Bing)

This is a submission for the DEV Weekend Challenge: Community

resetreel6879.web.app

The Community

I built this for teens in Baton Rouge who move fast, feel fast, and sometimes react before they can breathe. Many of them deal with emotional spikes, overstimulation, and pressure to perform or “act tough,” even when they’re overwhelmed inside. Reset Reel is meant to interrupt that moment — not to lecture them, but to give them a second to choose themselves again.

This project is part of a larger set of grounding tools I’m building for my kids, my community, and anyone who needs a moment to pause before making a decision they can’t take back.

What I Built

Reset Reel is a small React + Vite app designed as a tap‑through emotional interrupt tool. It guides the user through a short sequence of grounding screens:

• Opening — a moment to breathe
• PeelLayer — a quick emotional reset
• SelfiePrompt — asks the user to take a selfie
• SelfieReview — shows the selfie back to them
• ChooseYourself — a final moment of self‑recognition

After that, the app ends on a placeholder screen where I’ll add more tools later.

The entire flow is intentionally simple, dark‑themed, and calming — built for overstimulated teens who don’t want anything childish or preachy.

Code

I’m not using GitHub for this project. Everything is built locally with a clean folder structure:

The app uses a simple screen state to move through the flow:

jsx
const [screen, setScreen] = useState("opening");
Each screen returns its own component, keeping the logic easy to follow and extend.

How I Built It
React + Vite

Component‑based screen flow

State‑driven navigation

Simple CSS‑in‑JS styling

Local development only

I’m still learning React, and this project taught me a lot about debugging imports, case sensitivity, JSX structure, and keeping components clean and intentional.

I also built this with support from Microsoft Copilot, which helped me troubleshoot and stay organized through the confusing parts. The project is mine, but I’m grateful for the guidance that helped me bring it to life.