Livin is a web application designed to provide a single point of access for housing options specifically tailored to university students nationwide. Users can sign up as Renters or Leasing companies, with different permissions based on their roles.
The idea for Livin came from a desire to create a platform where students can easily find housing options and connect with potential roommates, based on shared experiences at university campuses.
The primary purpose of Livin is to reconnect students with housing options and potential roommates, enhancing their university experience.
- User Authentication & Authorization: Secure login and role-based access control.
- Resident Connections: Connect users as potential residents.
- Property Ratings & Reviews: Rate properties and add reviews for both properties and leasing companies.
- Integrated Map: Utilizes Google Maps API and CityBus route data for dynamic filtering of points of interest.
- Dynamic Filtering: Filter properties and points of interest dynamically.
- Frontend: Vue.js (HTML, JS, CSS)
- Backend: Firebase (Authentication & Database)
- APIs: Google Maps API
- Language: TypeScript
- VSCode
- Volar (Disable Vetur)
- TypeScript Vue Plugin (Volar)
TypeScript does not handle type information for .vue imports by default. To enable type checking:
- Replace the
tscCLI withvue-tscfor type checking. - Install TypeScript Vue Plugin (Volar).
For improved performance, enable Volar's Take Over Mode:
- Disable the built-in TypeScript Extension:
- Run
Extensions: Show Built-in Extensionsfrom VSCode's command palette. - Find
TypeScript and JavaScript Language Features, right-click, and selectDisable (Workspace).
- Run
- Reload the VSCode window:
- Run
Developer: Reload Windowfrom the command palette.
- Run
See Vite Configuration Reference.
npm installCompile and hot-reload for development:
npm run devType-check, compile, and minify for production:
npm run buildLint with ESLint:
npm run lint