Open C-MacD opened 3 years ago
Erin Alvarico is taking up this task as each member has decided to take one of each POC. Currently researching additional Javascript libraries that can be utilized to make Crusine a better website.
The JS Libraries listed as followed can help Crusine's website simplify a user's experience when utilizing our services.
Google Maps Google Maps would be an ideal choice to showcase the user's Crusine's process of delivery. Much like Grubhub, Uber, Lyft, and over transportation like services, Crusine's staff can update the user by showcasing the ETA graphically along with the path they intend to take. This would be a good idea to implement after checkout, where the user can see real-time updates of their grocery order.
Algolia Places Algolia Places would be another great resource to utilize when storing and locating a user's desired place of delivery. Not only can this be utilized to highlight Crusine's eligible places to order from on a map for the user, but it is typo tolerant and provides suggestions upon the user's typed information. For first-time users or even searching up specific stores, this may be a wonderful addition to the search style for Crusine's products. (Keep in mind Google Maps may be able to be implemented in this way as well, either are wonderful choices).
Cleave.js Pertaining to private information and efficiency, Cleave.js helps reformat and identify credit cards, phone numbers, date, time, and other formats into a readable diction. This library can be utilized for user information when proceeding to the checkout or creating a profile for first-time users. Instead of making a user need to put extra thought into typing their information, Cleave.js can help eliminate the hassle of reformatting and errors.
Moment.js From popular JS library picks of 2020, Moment.js helps simplify the display and conversion of time for developer and user experience. Providing the date and time in various options for virtually any timezone, this can help expand Crusine's ability to have users setup times for a pickup or even a routinely drop off schedule. Cuisine would be able to be used world-wide!
Chart.js Also a part of the JS Library Picks of 2020, Chart.js is a wonderful tool Platinum can use to incorporate data visually to the users. The visual charts and trackers can be utilized to help guide the users through each step and past checkout in real-time updates. Not only for visual appeal but Platinum can also utilize chart.js to showcase the positive reviews and orders completed as a testimony/statement of reliability on the About or Home Page.
Bit.dev Lastly, for an easier UI integration, Bit.dev is a useful tool to save isolated components and carry them over through repositories and projects. This tool can help generate and pull UI designs such as buttons, images, socials, etc. which can help preserve the theme consistency throughout pages. Not absolutely needed but can be a useful and easy tool to allow Platinum members to reuse objects on other build pages.
The JS Libraries as followed can help Crusine's website graphically appeal to users to encourage reusability.
AOS.js As I have used this library before, it primarily focuses on creating entry and exit animations to provide text, images, and others with some simple animated effects. I highly recommend this as it only takes one or two lines to implement into the text, and easy to pick up and learn. Again, it is a visual aspect and not needed for the website, but can give it that sleek and modern/professional feel without overcrowding the website with animations.
Reveal.js Being a visually focused JS Library, Reveal.js can help formulate wonderful slideshows, nested slides, and animation. This would be a wonderful addition to the visual appeal for the Home Page to cycle through deals, products, and even more static pages such as the About Page. It's not a needed component but for future embellishments, this is a great UI tool.
Any members from the Platinum team, please comment below which JS Libraries you'd like to see implemented/of priority first.
Add issues under this epic if additional JavaScript libraries are needed. In the issue discuss why the library is needed and what other libraries could be used instead. Additional libraries could be: