stmfd

St. Michael Fire Department Web Site

Project Motivation

It was important to us as a team to use our skills to give back to the community. We partnered with the St. Michael Fire Department to modernize their website. The new web site will be user-friendly and contain pertinent, up-to-date information that can be utilized by the firefighters and the community as a whole.

Project Requirements

• Update and modernize the design and UI of St. Michael Fire Department web site.
• Create an Administrator Portal where an authenticated user can easily update, add and delete items on the fire fighter roster and schedules
• Render fire fighter roster and all schedules dynamically on the Admin Portal and public-facing pages

Link to Deployed Site

St. Michael Fire Department

Screenshots

Old website Home Page

New website Home Page

Techology

Built with

• MERN stack
  • Mongo DB
  • Express
  • React
    • Create React App
  • Node
• Front End
  • ReactStrap
  • Google Fonts
  • Axios
  • react-router-dom
• Back End
  • Mongoose
  • Axios
  • Body-parser
• Integreated APIs
  • Open Weather
  • St. Michael Fire Department’s Facebook Feed
  • City of St. Michael Twitter Feed

Authors

Team Web Rescue

Jeffrey Du Bois	Julia Lidstrom	Kumari Van Brunt	Shannon Hart	Tonye Praught
GitHub	GitHub	GitHub	GitHub	GitHub
LinkedIn	LinkedIn	LinkedIn	LinkedIn	LinkedIn
Back-End Developer	Full-Stack Developer	Back-End Developer	Front-End Developer	Front-End Developer
DB schema maintenance	Admin Portal forms	Passport authentication for username and password and hash/salt to database.	Build out front-end pages	Overall UX design and custom styling
Implemented ETL utility to generate custom sort field values	Dynamic rendering of the roster and events on Admin Portal and front-end	Testing with jest and supertest	Facebook and Twitter feed integrations	Build out front-end pages

Copyright

© 2018 Team Web Rescue