nader-eloshaiker / screen-geometry-app Goto Github PK
View Code? Open in Web Editor NEWEasy to use screen comparison app
Home Page: https://screengeometry.com
License: MIT License
Easy to use screen comparison app
Home Page: https://screengeometry.com
License: MIT License
Text in the create screen panel is not easily readable when in light mode. Need a color theme for text in light mode that has better contrast.
Users need to be able to edit an entry instead of deleting and recreating.
Write component and unit tests using Vitest
Require an automated process for version bump and version tags
Should be implemented in GitHub actions and make use of comit messages to determine the version bump. I ideally it will continue to use the version prop in the package.json
Resizing the height can cause the screen comparison panel to go into an infinite loop when the scrollbar appears.
Allow the user to generate a new colour for a screen using a random generate button in the form.
Directly routing to a page inside the app returns a 404. Either need to consider using hash routing or url rewrites.
Implement google analytics for web-vitals
Automate release process using GitHub Actions
The release process should
Use github actions to build and deploy app to github pages.
Describe the bug
Resizing browser height causes jitter in screens page
To Reproduce
Steps to reproduce the behavior:
Expected behavior
No jitter
Navbar menu items should highlight if they represent the current route.
Implement alias imports in preparation for migration to turborepo.
Implement storybook
Describe the bug
A clear and concise description of what the bug is.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
Error page is currently just a place holder, needs to be integrated with the app's styling.
Create a button to load a default list of screen when there are no screens in the table
Select an e2e framework (investigate whether cypress is still the right choice) and implement a smoke test as part of the CI/CD pipeline.
Reset button in create screen form doesn't reset the search input
Switching themes can sometimes wash out the colours of the screen panels. Create a dark and light pair for each panel so that toggle with the theme.
Create the static content for the pages
Page required a step by step guide on how to use the app
Refactor API calls to reduce code duplication. Currently, all follow a standard template with using the notification service. Abstract out notifications into a wrapper and use a simple config for each api function.
Ensure the domain name is using the dns host when app is deployed
Now that the develop branch is deleted, need to modify the github actions to support working with the main branch.
Creating a screen will show spinner only on the cancel button and cancel button doesn't get disabled while spinning while the remaining buttons do.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.