e-commerce
Top Honeys
www.tophoneys.com
Description
MERN stack e-commerce app, running in production since June 2021. Webshop implements all user auth logic, provides custom profiles for clients and functionality-rich admin area with 3 tiers of permissons. Admin area fully accessible for non-technical user. Responsive app, PWA-optimized, with wide scope of supported payment methods. Fast, 3-steps checkout, designed with UX and conversion in mind. Email notification and reminder logic implemented for dropout percentage reduction.
Quick links
Technology
Node.js application with Express server and MongoDB Atlas database. Mollie Payments implementation. Authentication and authorization with JWT, encryption with Bcrypt.js.
React SPA frontend with Redux state management. Custom styles in jss, applied via MaterialUI theming system. Axios used for data fetching.
Story behind
Designed and built for startup, Top Honeys app was kind of a journey for me. I initially planned to use PayPal gateway. PayPal however aggressively promotes it's client-side implementation which didn't seem particularly secure. Additionally discouraged by experiences like features perfectly working in sandbox environment and simply impossible in production, I decided to look further and ended up using Mollie with secure, backend implementation and the suite of payment methods ideal for Benelux.
Development highlights would certainly be funny lessons learnt, like Google Translate confusing the world out of React and changing prices of honey in my shop.
Seriously though, I enjoyed working with Redux within this project a lot. Somewhat repetitive, handling the state of this size gave me a solid grip on workflow within Redux, to the point I find it intuitive and enjoyable.
Give it a shot: www.tophoneys.com