tjdev7 / FontsPanel

A responsive React app showcasing Font styles used for my projects and apps.

FontsPanel

Small React app showcasing fonts I regularly use for projects and apps. Fully responsive for most user devices and platforms.

• How to use:
• Testing tools used:
• Running automated tests:
• Completed tasks:
• App screenshots:

How to use:

1. Clone repo into desired directory git clone https://github.com/tjdev7/FontsPanel.git or gh repo clone tjdev7/FontsPanel
2. Run npm install in your terminal to install all app node modules, yarn packages and dependencies
3. Run yarn start or npm start in your preferred terminal app to run the app on a local server

Testing tools used for app:

• React Testing library, Cypress and Jest for testing components
• TravisCI and CircleCI for CI/CD development
• Prettier and .ESlint for keeping all code formatted and organized

Running automated tests:

• npm run linterclean to run Prettier tests
• npm run jesttests to run Jest tests
• npm run test to run local React-scripts tests
• npm run litereport to run local Lighthouse tests
• npm run fullaudits to update local components and review if any packages are outdated

Completed app tasks:

• Include CircleCI and Travis-CI inside project
• Improve UI design for app
• Update menu and make app responsive on majority of user platforms and devices
• Add testing scripts for each component
• Improve current testing scripts inside app

App screenshots:

Desktop display

Mobile display

Tablet display