Working with the team at Tapmydata, I’ve had the opportunity to contribute to various technical components of the product which encompasses both front-end and back-end. There are many aspects that were worked on but in this case, I’ll summarize what I consider to be three core components of the service:
- A Portal application. A Web application is written in Laravel and Vue.
- Mobile application. Built with React Native.
- A Glitch Builder. A web application built with NextJS integrated with Web3 smart contracts and the other two applications.
The Portal
One of the contributions I was responsible for was to re-write the Portal to use Tailwind and strip out Bootstrap. I’ve also worked towards adding a dark mode feature as well.
Additionally, I’ve also worked on expanding features in the Portal making use of the MVC pattern and extending API endpoints payloads to make more data available to the mobile app.
Working on this application required knowledge of PHP, and Laravel, integrating the framework with VueJS components and carefully removing code and rewriting views without breaking current functionality to complete this part of the project.
Mobile App
I’ve made contributions to the mobile app as well, adding improvements and new features.
The additions required the development of new screens or rework of components to introduce new features to users such as monthly rewards, refining rules around joining data channels and extending payload data so that it was available on the app. To complete these tasks JavaScript, TypeScript and React Native knowledge was required.
Additionally, I was responsible for creating iOS and Android builds for testing and deployment of production versions to the App and Play Store as well as creating the required graphics shown to promote the app in the store, shown below:
Glitch Builder
A third app I’ve contributed to was the TAP Glitch Builder, a Web application which allows users to connect their wallets, get rewarded their initial TAP tokens and verify their account by minting a Glitch NFT.
My work focused on improving layout by making contributions to the front-end, bringing it from prototype state to a production ready look. This including getting acquainted which Web3 methods and libraries as well as having some understanding of how a smart contract can interact with the application, integrating wallet management solutions such as MetaMask, making us of TypeScript and NextJS.
Furthermore, I’ve worked on a glitch algorithm which adds graphic corruption to images captured through a web camera and creates an animated glitch GIF. The resulting GIF is then minted into an NFT and used as a user avatar. Below there are a few images of experiments:
The current glitch effect available to users is a result of iterations of look and feel. These are available in a collection on OpenSea.
Acknowledgements
My contributions are only a small part of the project and I had the privilege of working with really talented people which I learned a lot from including Tom Holder, Dave Cropley, Benjamin Reid, Walter López, Andy Kitt and more.