Wheels
Wheels is a scooter rental company based out of Los Angeles, California. They are focused on creating an easy way for people to rent scooters for quick transporation in busy cities. Through a friend of mine, I was hired on as a contractor to build a new rental checkout flow for users.
Type
Freelance Project
The Tech
Google Maps
Google Places Autocomplete
Mixpanel
Netlify
Stripe
Vue (Gridsome framework)
Show MoreShow Me The Code
Repository
The Need
Prior to me being hired, the rental checkout flow for user's was a bit dated and not super user friendly. Wheels internal design and user expereience team provided designs and research for the new checkout experience. This new flow was created to help users convert easier, determine eleigible delivery addresses, and processing their payment much more seamlessly.
Choosing the Tech Stack
The CTO didn't have any preference on the frontend architecture or framework so because I'm proficient in Vue, I decided to use Gridsome. Not to your surprise (most likely), I used Stripe as the payment processing system which is such a simple and elegant way for companies to process payments securely online. Lastly, Wheels wanted to track how users were engaging the application and because they had a decent amount of exposure to Mixpanel, this was the third party analytics software that I configured for them.
Problems and Lessons Learned
The most challenging part of this project was synergizing the frontend application with the backend server since the Wheels internal backend team built the GraphQL server. When it came to putting it all together, there was a decent amount of re-write needed based upon how the data was being served to the frontend and the complex user states that were available after the payment was processed. The user state (Wheel's membership plans), had quite a few different possibilities. All in all, there was a lot of growth in this project and I thoroughly enjoyed getting my feet wet with some new tech.