https://github.com/tomasesquivelgc/golden-ratio-fonts

Small single page app that calculates the golden ratio of any given number. Intended for font sizing.
https://github.com/tomasesquivelgc/golden-ratio-fonts

font-sizes golden-ratio reactjs

Last synced: 17 days ago
JSON representation

Small single page app that calculates the golden ratio of any given number. Intended for font sizing.

• Host: GitHub
• URL: https://github.com/tomasesquivelgc/golden-ratio-fonts
• Owner: tomasesquivelgc
• License: mit
• Created: 2024-04-17T22:53:57.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-04-30T23:12:02.000Z (8 months ago)
• Last Synced: 2024-12-06T02:52:05.375Z (20 days ago)
• Topics: font-sizes, golden-ratio, reactjs
• Language: JavaScript
• Homepage: https://clever-beignet-177e33.netlify.app
• Size: 293 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




  
Golden Ratio Calculator




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Setup](#setup)

  - [Install](#install)

  - [Usage](#usage)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 Golden Ratio Calculator 

**Golden Ratio Calculator** is a Single Page Application that aims to help web developers choose the right font size for their own projects. As developers and designers, one of our biggest tasks is choosing the right size for elements and texts ensuring a harmonious and cohesive blend. For this, I propose the Golden Ratio as a clear solution. To use this application simply introduce the font size you wish to scale up or down and it will calculate a list of numbers you can use, as well as showcasing the result on screen.

## 🛠 Built With 

### Tech Stack 

  


    
React.js

    
TailwindCSS

    
JavaScript

  


### Key Features 

- **Golden Calculator**

- **Choose to scale up or down with one button**

- **Showcase of fonts in real time**

(back to top)


## 🚀 Live Demo 

- [Live Demo Link](https://clever-beignet-177e33.netlify.app)

(back to top)


## 💻 Getting Started 

You don't need to install this app to use it, simply go to the live demo and bookmark it for everyday use. But if you wish to install it on your local machine follow this steps:

### Setup

Clone this repository to your desired folder:

```sh

  cd my-folder

  git clone [email protected]:tomasesquivelgc/Golden-ratio-fonts.git

```

### Install

Install this project with:

```sh

  npm install

```

### Usage

To run the project, execute the following command:

```sh

  npm run dev

```

(back to top)


## 👥 Authors 

👤 **Tomás Matías Esquivel**

- GitHub: [@tomasesquivelgc](https://github.com/tomasesquivelgc)

- Twitter: [@EsquivelTomas](https://twitter.com/EsquivelTomas)

- LinkedIn: [Tomas Esquivel](https://www.linkedin.com/in/tomas-esquivel-dev/)

(back to top)


## 🔭 Future Features 

- [ ] **Change scale button will recalculate results for better UX**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

If you like this project please give it a star and remember to bookmark the live demo!

(back to top)


## 🙏 Acknowledgments 

I would like to thank my family and friends for always supporting me.

I would also like to thank icons8.com for providing the [favicon of this page](https://icons8.com/icon/20043/gold-bars).

(back to top)


(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)