Nacural Cycles Challenge - Frontend

A Vue.js frontend built with TypeScript that handles phone authentication and user profile management using Firebase.

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.

Project Setup

1. Clone the repository and install dependencies:

git clone <repository-url>
cd backend
npm install

2. Configure Firebase:
   • Go to Firebase Console: https://console.firebase.google.com
   • Select your project
   • Add web app to your project
   • Copy the values and paste them into the .env and .env.development file

Compile and Hot-Reload for Development

npm run dev

Format code

npm run format

Check format

npm run format:check

Type-Check, Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint