Read here for a more detailed explaination
This is a tool to help visually compare different screen sizes to help you choose which monitor, phone, or tablet to buy. It does this by overlaying different screen sizes ontop of each other for easy comparison as well as tabulate the specs.
This app is well over engineered and is more for showcasing:
- Architecture
- Tooling
- Web Development Frame Works
- Design Systems and Style Guides
- Testing Frameworks and Practices
- Automated code generation.
- CI/CD
Hosted in Cloudflare and is deployed from the main branch.
- Deployment to Development environment on every merge to the main branch.
- Deployment to Production environment is deployed on a release event.
- Manual deployment to development can be used for feature branches.
- Production screengeometry.com
- Develop develop.screengeometry.com
The reports are hosted in Github Pages and are deployed on every merge to the main branch.
Installing dependencies
npm install -g pnpm
pnpm i
Run in development
pnpm start
Build
pnpm build