- project set up using
Create React Appand usingReact Hooks API(useState, useEffect, useContext) - fonts fetched from API Google Fonts with
API keyand automatically loaded withreact-google-font-loader - modular components styled with
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 installAdd .env.local file with environment variable REACT_APP_OPENWEATHER_API_KEY with the value of API key for OpenWeather API
% yarn start