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
- Install dependencies
npm install
- Create
.env
in root folder and populate with Google Maps API key as follows:
VITE_MAPS_KEY = <API key>
- Run Development server
npm run dev
- Navigate to http://localhost:5173/
Run Unit Tests with Vitest
npm run test:unit
Run End-to-End Tests with Cypress
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
Lint with ESLint
npm run lint