项目作者: mihaidld

项目描述 :
React App fetching best fonts from Google Fonts API
高级语言: JavaScript
项目地址: git://github.com/mihaidld/google-fonts-widget.git
创建时间: 2020-09-18T07:00:02Z
项目社区:https://github.com/mihaidld/google-fonts-widget

开源协议:

下载


Google Fonts Widget

Features

  • project set up using Create React App and using React Hooks API (useState, useEffect, useContext)
  • fonts fetched from API Google Fonts with API key and automatically loaded with react-google-font-loader
  • modular components styled with Bootstrap 5

Project Structure

  1. src
  2. ├── App.js
  3. ├── components
  4. ├── Header.js
  5. ├── Footer.js
  6. ├── fonts
  7. ├── Font.js
  8. ├── PopularFonts.js
  9. ├── RecentFonts.js
  10. └── TrendingFonts.js
  11. └── selection
  12. ├── FontSize.js
  13. └── Text.js
  14. ├── context
  15. └── Context.js
  16. ├── index.js
  17. ├── serviceWorker.js
  18. └── setupTests.js

Install

Install dependencies:

  1. % yarn install

Add environment variables:

Add .env.local file with environment variable REACT_APP_OPENWEATHER_API_KEY with the value of API key for OpenWeather API

Run the app in the development mode

  1. % yarn start