https://github.com/maximoospital/menstrualcalc-demo

NuxtJS-based Menstrual Cycle Calculator demo
https://github.com/maximoospital/menstrualcalc-demo

Last synced: 3 months ago
JSON representation

NuxtJS-based Menstrual Cycle Calculator demo

• Host: GitHub
• URL: https://github.com/maximoospital/menstrualcalc-demo
• Owner: maximoospital
• Created: 2024-07-31T15:13:57.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-08-06T17:36:23.000Z (10 months ago)
• Last Synced: 2025-01-24T19:16:20.695Z (5 months ago)
• Language: Vue
• Homepage: https://menstrualcalc-demo.vercel.app
• Size: 665 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

      
MenstrualCalc-Demo
 

  

  
Maximo Ospital, 2024

  
Visit Here!

  


## Table of Contents

* [About the Project](#About-The-Project)

* [Built With](#Built-With)

* [Getting Started](#getting-started)

  * [Prerequisites](#Prerequisites)

  * [Installation](#Installation)

  

## About the Project

![Screen Shot](https://i.imgur.com/39kSC0u.png) 

A remake of [This calculator](https://www.ladysoft.cl/calculadora-de-periodo), in NuxtJS, with new features added.

Features:

- Google Calendar exporting

- Lunar calendar dates, obtained scraping from Timeanddate utilizing Puppeteer and storing in a .json

- Ad banner in case Period is coming soon

- Timezone offset calculations

- Button and scroll animations

- Styled imitating the original site

 

## Built With

* [NuxtJS](https://nuxt.com/)

## Getting Started

### Prerequisites

- NodeJS

### Installation

1. Clone repo

```sh

git clone https://github.com/maximoospital/menstrualcalc-demo.git

```

2. Run npm install to install packages

3. Run npm run dev to locally host.

------

[![Logo](https://i.imgur.com/XlF4lM5.png)](https://maximoospital.xyz)