Remodeled service cards and service details to test how efficient the system can be.
@iamlax already hosted on the cloud with production docker compose, he did not have to change anything in the files to make it work. I tested this version of the app and it was way faster than the other setup. To optimize efficiency, I suggest @miramarhaba @Smoudii to try to use production build for the live version.
I made the service card as simple as possible, with no animations or modals, to see how fast the page can be. I also made incremental loading possible for services, currently set to load 20 services at a time, can load more by clicking the "load more" button. I wanted to have infinite scrolling but could not get it to work with 3 different packages. All modals have been removed in favor of a single details page which has everything on it. Share page was renamed to details page because that's what it is. Animations on hover and modals are not good for mobile compatibility, that's why I tried out these changes. This design is a bit plain, not modern looking as the one we have with the animations. The services cards were designed by inspiration from Airbnb, but need to be "finessed" if we were to use them. The details page is the share page with reviews added on it.
Also added a rating count and average to be displayed on a service card, calculations done using Mongo aggregate function.
We can take what we like from these changes and remove what we don't like. This PR is only so that you guys are aware of it and can test out your own changes, if you want. This PR does not have to be merged.
I also feel like we should get rid of perfect-scrollbar, it adds complexity to the app that we do not need and no modern websites use their own scrollbar, I guess there is a reason for that.
Remodeled service cards and service details to test how efficient the system can be.
@iamlax already hosted on the cloud with production docker compose, he did not have to change anything in the files to make it work. I tested this version of the app and it was way faster than the other setup. To optimize efficiency, I suggest @miramarhaba @Smoudii to try to use production build for the live version.
I made the service card as simple as possible, with no animations or modals, to see how fast the page can be. I also made incremental loading possible for services, currently set to load 20 services at a time, can load more by clicking the "load more" button. I wanted to have infinite scrolling but could not get it to work with 3 different packages. All modals have been removed in favor of a single details page which has everything on it. Share page was renamed to details page because that's what it is. Animations on hover and modals are not good for mobile compatibility, that's why I tried out these changes. This design is a bit plain, not modern looking as the one we have with the animations. The services cards were designed by inspiration from Airbnb, but need to be "finessed" if we were to use them. The details page is the share page with reviews added on it.
Also added a rating count and average to be displayed on a service card, calculations done using Mongo aggregate function.
We can take what we like from these changes and remove what we don't like. This PR is only so that you guys are aware of it and can test out your own changes, if you want. This PR does not have to be merged.
I also feel like we should get rid of perfect-scrollbar, it adds complexity to the app that we do not need and no modern websites use their own scrollbar, I guess there is a reason for that.