Small Vue webapp for viewing property titles based on the Land Registry data format. You are able to view a list of property titles and click on them to see more details, including a Googe Maps pin of its location.

• Framework: Vue3 with Vuetify3, Vuex, Vue Router
• Build tool: Vite
• Testing: Vitest (Unit), Cypress (E2E)
• Linting: ESLint
• Browser versions: Chrome 109 & 110

1. Install dependencies

npm install

3. Create .env in root folder and populate with Google Maps API key as follows:

VITE_MAPS_KEY = <API key>

4. Run Development server

npm run dev

5. Navigate to http://localhost:5173/

npm run test:unit

npm run test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

npm run lint