Searchable directory of current US Senators, filterable by state, gender, party, re-election date, or any combination of these. There is also a search bar to search by a Senator's first, last, or full name, with some "fuzzy logic." For example, people can search for Bob or Robert Casey, Dick or Richard Durbin. Built with Vue.js with data stored locally. View working component.
Project meets general accessibility (WACG) and cross-browser requirements. More testing with a dedicated services (e.g., Sauce Labs) would be helpful if deploying to production.
-
Starting view - all Senators.
-
Pop-up menu for filtering.
-
Female Republicans, up for re-election in November 2026.
Clone down this repository. You will need node and npm installed globally on your machine.
Installation:
npm install
To Run Vue:
npm run dev
To Visit App:
Visit the localhost port displayed in the terminal after running npm run dev.
- Senate roster from US Senate.
- Photographs of Senators are from each Senator's office.
- US Senate seal from Wikipedia.
- Readme guidance from Brenna Martenson.
- Helpful information on filtering from Stackoverflow users.
- Design guidance from Google's Material Design.
- Fonts and icons from Google Fonts.
- Fluid typography guidance from Utopia.
- Shields from Shields.
