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.
-
Starting view.
-
Alerts for Acadia National Park.
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.
- Readme guidance from Brenna Martenson.
- Design guidance from Google's Material Design.
- Icon from Google's icon library.
- Linting guidance from ESLint and Stylelint.
- Accessibility guidance from Firefox's Developer Tools and Google Lighthouse.
- Helpful post on passing variables between Vue and Express Stackoverflow.
- Shields from Shields.
