google-fonts-clone

A Google Fonts website wannable clone Made by guijun13 using Vue3

Project Setup

Requirements

1. node.js 18+
2. npm 8+

Clone the project

git clone https://github.com/guijun13/google-fonts-clone.git

Get the Google API key

Go to Google Fonts API docs and get your API key.

.env

Add your Google API Key on the .env file:

VITE_API_KEY=<your-api-key-here>

Install dependencies

npm install

Compile and Hot-Reload for Development

npm run dev

---

Improves to-do

• Add navbar to all pages by component
• Download font on favorite page
• Add more filters
• Add more info to font family page