https://github.com/ajeetchaulagain/page-insight-tool

:mag_right: A minimalistic web tool to measure the performance of your web application and recommend the optimization tips
https://github.com/ajeetchaulagain/page-insight-tool

axios class-component google-pagespeed-insights react-router reactjs

Last synced: about 3 hours ago
JSON representation

:mag_right: A minimalistic web tool to measure the performance of your web application and recommend the optimization tips

• Host: GitHub
• URL: https://github.com/ajeetchaulagain/page-insight-tool
• Owner: ajeetchaulagain
• License: mit
• Created: 2020-04-20T07:50:22.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-11-12T01:57:15.000Z (about 1 year ago)
• Last Synced: 2024-05-21T03:21:52.465Z (6 months ago)
• Topics: axios, class-component, google-pagespeed-insights, react-router, reactjs
• Language: CSS
• Homepage: https://pageinsight.ajeetchaulagain.com/
• Size: 8.6 MB
• Stars: 7
• Watchers: 3
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Page Insight Tool

Page Insight is a minimal project created to demonstrate some of the core concepts of React. This project might be handy for those developer who are learning React. Some of the concepts demonstrated by this project includes:

- Working with Stateful class component and maintaining state

- Using CSS in JS (styled-components) in a project to avoid global scoping of CSS

- Creating reusable functional components

- Conditional Rendering in different ways (Inline conditional rendering, conditional rendering through functions)

- Using axios as HTTP client to make API request

- Working with Google PageSpeed Insight API data

- Client Side Error handling

Note: This application sends the request to Google's Page Speed Insigt API for analysing the site performance. You can view more about the structure of data at Google's API Referece docs.