/FavFonts

See-your-Chingu-homepage-for-what-project-to-build -> https://chingu.io/ | Solo Koala | Twitter: https://twitter.com/ChinguCollabs Live Website -

Primary LanguageHTML

Chingu Solo Project - Tier 1 - Favorite Fonts

See-your-Chingu-homepage-for-what-project-to-build -> https://chingu.io/ | Solo Koala | Twitter: https://twitter.com/ChinguCollabs

solo-koala-152 - @IndraReddy5

Overview

This a clone of google fonts index page, created for the Chingu Solo Project. The project is completed with the intention of making clean, modern webpage within the requirements of Chingu's Tier 1. The fonts in this project are completely Hard Coded. This project is completed with HTML,CSS and Vanilla JS. No other Frameworks, Libraries, Code Generators are used.

Purpose

The purpose of creating this project was put my HTML,CSS and Vanilla JS Knowledge to test and learn new things along the way.

Features

  • Display Cards with sample text and Font Details
  • Search Fonts
  • Input Sample Text
  • Changeable Font Size
  • Dark | Light Mode Toggle
  • List | Grid View Toggle
  • Side Nav with anim for Mobile View
  • Back to Top button
  • Reset Button
  • Custom Scrollbar for Chrome Browser in PC | Laptops

Future Scope

Use Google Fonts API and make a page for each font describing its origin and usage. Add an option for user to rate font and use it in their projects.

Credits