SommNinja is
an educational platform
on wine for sommeliers
and wine lovers.
About us
SommNinja is a unique wine learning platform. It's ideal for wine lovers, students and sommeliers studying for exams or competitions.
Context
With over 10,000 questions on 15 subjects divided into 4 levels of difficulty, it offers a fun way to study and test your knowledge of the world of wine and beverages.
SommNinja covers a variety of topics such as wine, spirits, cocktails, beer, cider, tea, coffee, sake, grapes, water and much more.
Solution(s)
Netdevices has undertaken an ambitious redesign of theapplication SommNinja using a web design tool Figma for the creation of user interfaces UX / UI. The redesign was more than just a visual update; it represented a unique opportunity to improve every facet of the interface. By completely restructuring the pages CSS and taking advantage of cutting-edge technologies such as AngularOur aim was to transform the user experience. Every detail has been rethought to ensure smooth navigation and an even more pleasant user experience.
Impact
This redesign was much more than a simple aesthetic update; it marked a new chapter in the evolution of our application, giving it a modern, intuitive interface, perfectly adapted to the needs of our users.
Technology
Challenges
The main challenges we faced were :
- related to the poor quality of the code we inherited and the lack of documentation on the old code.
This considerably complicated the adaptation of theapplication design, as every change made to the code could trigger a series of unforeseen effects, such as elements moving unexpectedly or functionality no longer loading correctly.These technical challenges required a thorough code review and a well-thought-out strategy for resolving these issues while moving forward with our redesign project.
- A CORS (Cross-Origin Resource Sharing) problem arose. In a nutshell, CORS policies secure communications between multiple servers, but in our case they blocked the integration of the Stripe payment method, as the site interface and the server were deployed on different domain names. To solve this problem, we had to set up a specific server acting as a proxy, ensuring secure communication between the user interface and the Stripe server, thus bypassing the CORS restrictions.
