PropTech Application Code Examples

This repository contains code examples from the PropTech application, I've worked recently. It showcasing my usual practices and common patterns in development.

NOTE! This is not a production-ready codebase. Each folder has multiple files of different types randomly picked from real working project. Each file has imports, which is not included in this repo. It is intended for reference purposes only.

Tech stack

The original project was written in Vue 3 (Composition API), TypeScript, Pinia, SCSS, and TestCafe for end-to-end testing.

Project structure

• components: Vue components used across the application
• composables: Vue3 composables for reusable logic, which used in different places
• e2e-tests: End-to-end test scenarios along with helper function and pages (check TestCafe Page Model)
• graphql: GraphQL queries and mutations for API interactions
• scss: SCSS stylesheets for styling the components
• services: Typescript services for reusable logic. Similar to composables, but more from legacy code
• stores: Pinia stores for managing application state
• utils: Utility functions and helpers

Disclaimer

Please, do not re-use this code. It is intended for reference purposes only.