Skip to content

Police-Data-Accessibility-Project/pdap.io

Repository files navigation

pdap.io Vue site

This website serves as the official voice of PDAP.

Info for Developers

Tech

This site is built with Vue and Tailwind.

Etiquette

Head to #outreach in our Discord if you'd like to collect feedback from the wider group.

Test your changes locally first, if possible. Include screenshots with your PR if you're changing something visual.

Setup

  1. Clone the repository.

In your terminal:

  1. cd pdap.io
  2. npm install to install dependencies
  3. npm run dev to start the site in development mode. Editing most files will trigger an automatic refresh of the page thanks to Vite's excellent dev server.
  4. npm run build to build the site for production.
  5. npm run preview will boot up a local static web server that serves the files from dist at http://localhost:4173. It's an easy way to check if the production build looks OK in your local environment.

Staging

Merge into the dev branch, allow 5 minutes for the auto-deploy, and visit pdap.dev.