FloodGuard

Inspiration

The inspiration came from when doing my research, I realized that the National Weather Service for America, which has flood safety information for the country, is difficult to navigate and has a limited amount of information. The site mostly provides common-sense knowledge, so I decided to elevate the information someone would receive.

What it does

The site provides information on all three sections that would be useful to citizens in an area with frequent flooding. There are tips and information to keep in mind before, during, and after a flood, with navigation to all three sections at the top.

How we built it

This project was built through HTML5 and CSS3. The HTML is all responsible for the information and structure of the site, and the CSS is responsible for the aesthetic of the site.

Challenges we ran into

Challenges that were frequent were trying to differentiate the information into different categories, because all my research recommended the same basic steps that people usually take into account, like don't drive in flooded waters, for example. This was then tackled by creating sub-bullets in lists to have more details and helpful tips.

Accomplishments that we're proud of

An accomplishment I am proud of is that this is the first time I was able to practice using CSS3 in a project, and even though it isn't incredibly appealing to the eye, I still feel proud that I was able to show I was able to learn parts of the language, and I hope to continue that progression.

What we learned

I learned that there was a way to create a list with sub-bullet points in HTML, which I discovered through a mistake of using too many <ul>s and <li>s, which then turned out to be a feature I really liked and wanted to use.

What's next for FloodGuard

I think I'm going to come back to this project and expand on it from the information and aesthetics sides as I continue to learn more in the languages, so that I can compare my progression to the beginning of my learning.

Built With

• css3
• html5