React App fetching best fonts from Google Fonts API
Create React App
and using React Hooks API
(useState, useEffect, useContext)API key
and automatically loaded with react-google-font-loader
Bootstrap 5
src
├── App.js
├── components
│ ├── Header.js
│ ├── Footer.js
│ ├── fonts
│ │ ├── Font.js
│ │ ├── PopularFonts.js
│ │ ├── RecentFonts.js
│ │ └── TrendingFonts.js
│ └── selection
│ ├── FontSize.js
│ └── Text.js
├── context
│ └── Context.js
├── index.js
├── serviceWorker.js
└── setupTests.js
% yarn install
Add .env.local file with environment variable REACT_APP_OPENWEATHER_API_KEY
with the value of API key
for OpenWeather API
% yarn start