Skip to content
Back to projects

My BetterRoaming

December 4, 2022

My BetterRoaming
  • Vite
  • Stripe
  • Cypress
  • Tailwind CSS
Live website

BetterRoaming is a global telecommunications provider that offers affordable eSIM mobile data and roaming solutions so people can stay connected in over 160 countries without expensive international charges or physical SIM cards. It operates its own network infrastructure and aims to give reliable, fast connections with transparent pricing and simple setup through its app.

Website and App

This was a prototype for React native app, a full-stack application built with React, Vite, TailwindCss.

It uses the Stripe Checkout Sessions API.

The testing is done using Cypress using stub data and interception. It consist of backend Node.js project (BBF) which is used as a middleware for Frontend project

The projects utilizes Grafana with PromQL as metric tool for displaying visitor’s data from a website.

While working on this project I got familiar with CI/CD pipeline, configuring yml files and Docker images

Features

  • Stripe Payments: Accept payments using the Stripe Checkout Session API.
  • Plans Catalog: Display plans from Product Catalog service.
  • User Authentication: In order to use the service users needs to be authenticated.
  • Vouchers system: Possibility of applying discount by using a code

BetterRoaming App

Technologies

  • Vite: A React framework for building static and dynamic websites.
  • Stripe: A payment processing platform for online businesses.
  • Cypress testing: A framework for performing tests.
  • Tailwind CSS: A utility-first CSS framework for building custom designs.
  • Grafana: An open-source platform for monitoring and observability.