When users add several components to their add, the spacing between the elements inside InfoPane starts to increase.
I've attached an example in the below screenshot.
This is undesirable and can be fixed with some minor tweaks to the CSS.
The application installs the latest version (6.7.0 as of the time of writing) for the react-router-dom npm package. But the code for the routing part consists of Switch, etc., which are now removed from the newer versions of the react-router packages.
Solutions:
Either install the 5.2.0 version of the react-router-dom module, which supports the concept of Switch, etc
Implement dark mode through a toggle switch in a dark mode which switched between light and dark mode
Dark mode settings must persist even after refreshing the page
There should be a small badge that shows how many people have visited the site and how many people are using the service.
It's more like analytics for the site.
Placement of these badges must fit well with the current styling and must not interfere with the current functioning.
"No of visitors" will increase as soon as someone visits the site.
"No of Users" will increase once the user clicks on "Create App" button.
In the readme file, the following changes were required:
Replace the screenshots with an updated version of the site and ensure that the background of the screenshots is transparent so that it works in both light and dark GitHub mode.
A "Star us on GitHub" and "Fork us on Github" button need to be added in the web application without disturbing the styling and working of the application.
It would help newcomers to contribute to the project by directly staring and forking the repo.
The interface can use some modifications to make it:
a) Less textual and more intuitive
b) Make it more beginner-friendly, maybe include resources somewhere?
Currently, there's no way for the user to delete an added component.
If the user accidentally adds a component and then wants to remove it, the only way is to reload the app and start again. This is bad in bigger projects because the user will lose all their planning. A delete button beside every component is necessary.
The delete button can be a single SVG icon appended at the end of every component card.