This is a pre-work project written for Chingu Voyage 13. Chingu is a platform which bring people from all over the world to work on real project in real teams. The pre-work, in particular, is a individual project to validate one's skills.
My finish project can be found here.
This is a clone of Google Fonts written in React with create-react-app. A list of the main requirements (as specified by Chingu) can be found here, all of which (including the requirement in the Extra section of the link) were completed.
A few additional features were added to more closely mimic the real Google Fonts. These include:
- a randomised inspirational quote used as the sample text in each font card
- a side drawer menu for narrower screens
- more font cards renders when scrolled to the bottom of the page
- a search bar which sticks to the top of the browser when user scrolls down
- a bottom drawer menu for user selected fonts
- generating the <link> tag to be placed in the <head> of the HTML document.
- Download node.js
- Clone this project to your computer
- Make sure you're in the project directory
npm install --save react-helmetReact Helmetnpm install --save styled-componentsStyled-Componentsnpm start