Searchable directory for alerts at National Park Service (NPS) parks in the US and overseas. There are 471 areas. Alerts are drawn through an API managed by NPS. This project is built with Vue.js and Express.js. View working component. "Eco" dyno, takes a few seconds to wake up.
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.
Clone down this repository. You will need node
and npm
installed globally on your machine. The Express server uses the Fetch API. You will need a later version of Node (18+) for this to work.
Installation:
npm install
To Run Vue:
npm run dev
To Start the Express server:
npm run start
To Visit App:
Visit the localhost port displayed in the terminal after running npm run dev
. You may need to disable your browser's Cross-Origin Restrictions.
- Park alerts from the National Park Service.
- Photo of Alaska Range from the National Park Service.
- NPS logo from Wikimedia.
- Helpful post on passing variables between Vue and Express Stackoverflow.
- Readme guidance from Brenna Martenson.
- Linting guidance from ESLint and Stylelint.
- Design guidance from Google's Material Design.
- Fonts from Google Fonts.
- Fluid typography guidance from Utopia.
- Shields from Shields.