Golden Ratio Calculator

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 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

(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:

  cd my-folder
  git clone git@github.com:tomasesquivelgc/Golden-ratio-fonts.git

Install

Install this project with:

  npm install

Usage

To run the project, execute the following command:

  npm run dev

(back to top)

👥 Authors

👤 Tomás Matías Esquivel

• GitHub: @tomasesquivelgc
• Twitter: @EsquivelTomas
• LinkedIn: Tomas Esquivel

(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.

(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.

(back to top)

(back to top)

📝 License

This project is MIT licensed.

(back to top)