Evergreen Ready

Inspiration

The theme asked for a problem in our community or state, and Washington has the second highest earthquake risk in the country. The state asks every household to be ready to get by on its own for two weeks, but the official advice is a general list, and it is up to each family to figure out what that means for them. I wanted something that turns it into a plan for a specific family, and I picked it because it was a project I could finish well in the time I had.

What it does

Builds a checklist and plan tailored to each family’s needs. You answer four short questions about who lives in your home, your pets, any medical or mobility needs, and your home itself. The app then works out how much water, food, and supplies your household needs for two weeks, lists simple ways to make your home safer, and helps you fill in a family plan you can print. Every recommendation links to the official source it came from.

How we built it

I built it as a web app with React and Vite, hosted on Vercel. There is no server or account, so everything stays in the user’s browser. I built it together with Claude, an AI coding assistant from Anthropic, which wrote most of the code and tests. I chose the problem and the scope, went through the code to understand how it works, and tested the app. The project has 82 automated tests that run on every push with GitHub Actions, and an automated accessibility check found no violations on any screen.

Challenges we ran into

I built this during midterm week, so I kept the scope small on purpose and focused on one complete flow instead of more features that were only half done. Getting the project onto GitHub also took some troubleshooting. My first push was rejected because the login Git was using did not have permission to add the GitHub Actions workflow file, and I had to clear the saved login and sign in again to fix it.

Accomplishments that we're proud of

I finished a working project and got it live during midterm week. Every recommendation in the app links to an official source, and it works on both a computer and a phone.

What we learned

I learned a lot about earthquake safety. Going through the code taught me a design practice I want to keep using, which is making a program as plug and go as possible. In this app, adding a new recommendation only means adding one new item to a list, without changing any other file. I also learned how to deploy a site with Vercel, and how to set up a GitHub repo and push to it, including fixing a permissions error along the way.

What's next for Evergreen Ready

Spanish and other languages spoken in Washington, a tsunami zone lookup by address, and reminders to rotate water and food every six months.

Built With

• css3
• github-actions
• javascript
• react
• vercel
• vite
• vitest