NaNLABS

CONTEXT

Propersum is a startup that launched a vacation rental real estate marketplace. The startup connects buyers, agents and managers, allowing each one to make the best deals. They first reached out to NaNLABS to build an MVP prototype within 2 months. This project marked the beginning of a dynamic partnership. Two other projects followed.  

CLIENT NEEDS

We worked on different projects with Propersum. The first one was the creation of an MVP prototype. They knew exactly what they needed but didn’t have the know-how to turn their vision into reality. The success of this project led us to collaborate on a second one where our dev team had to completely redesign the user experience and develop a PWA with insights gathered from their target audience testing round. The third project is ongoing so let’s focus on NaNLABS work for the second one, the Progressive Web App.

NaNLABS WORK

• Complete UI/UX redesign.
• Brought support for 3 different user interfaces in the vacation rental home space which are industry vendors, real estate agents and property managers. 
• Conceived the app to be SEO friendly.
• Architected the app as a PWA to ease and increase user adoption.

TECHNOLOGY & METHODOLOGY

• Management: Agile methodologies, ClickUp
• Front-end: ReactJS, Material UI, React Helmet, Storybook
• Back-end: Python & Django
• DevOps: AWS Amplify
• Design : Figma

RESULTS

• NaNLABS succeeded in delivering a working PWA with revamped UX/UI experience.
• NaNLABS provided a solid and bug-free platform in 3 months.
• Propersum managed to multiply by 10x its organic traffic growth. 
• Propersum tripled the number of listings and increased property manager proposals exponentially.

CONTEXT

WootCloud is an emerging innovator in enterprise IoT device security. In 2016, the startup launched an innovative IoT risk assessment platform able to uncover all types of unmanaged devices by scanning both the radio and network spectrum to provide critical context about each device. Thus, the platform analyzes a large amount of data in order to detect, prevent but also remediate security issues. 

CLIENT NEEDS

Back in 2018, WootCloud needed NaNLABS to support their in-house team in creating new architectures to empower their existing platform and analyze their codebase. The purpose of these analyses was to simplify workflows among other collaborations. Overall, the goal was to improve and scale the platform.  

NaNLABS WORK

• NaNLABS' team helped WootCloud in upgrading the full stack platform.
• We released some core features like anomaly remediation.
• We initiated the first of many WootCloud serverless integrations.

• UI revamping using React JS & Redux.

TECHNOLOGY

• Front-end:
  • Migrated the front-end to the latest ReactJS versions.
  • Highcharts and custom tools to introduce complex data visualization charts.
  • Storybook defining reusable UI components

     

• Back-end:
  • Express
  • New Python packages to extract general features
  • Golang & NodeJS for API unification
  • MongoDB
  • Elasticsearch used as raw and report storage system
  • Kafka to centralize the data-flow communication
  • Apache Spark to aggregate raw data
  • AWS Lambda implemented using Serverless Framework

RESULTS

• NaNLABS and WootCloud in-house teams managed to release the Dynamic Query API that supports all the product visualization API plus additional core features.
• The great work led by both teams benefited the whole company : in 2022, the global leader in Security Service Edge (SSE) and Zero Trust, Netskope, acquired Wootcloud. Wootcloud was an innovator in applying Zero Trust principles to IoT security and Netskope saw the potential of Wootcloud’s technology.

CONTEXT

In 2015, the Californian startup Tesloop launched the most innovative automotive mobility service in the world. Trusting the abilities of Tesla’s vehicles and the company’s commitment to the environment, they wanted to use these vehicles as passenger shuttles.

CLIENT NEEDS

Tesloop needed NaNLABS’ team to co-create a brand new booking experience. Tesloop also wanted the UX design of the app used to provide the mobility service to be aligned with this new experience. Moreover, the app needed to be stable to support the fast-growing user base and flexible to constantly adapt to user and market feedback. 

NaNLABS WORK

• We built a modern SPA that allows users to book seats for middle-distance trips. 
• We designed a state-of-the-art UX/UX based on the Material Design principles. 
• We used a mobile-first design approach
• We implemented software internationalization to support several languages. 
• We integrated Google Maps to display available pick-up and drop-off point for users to select from, as well as coverage areas for distinct services 
• We also implemented Google Places API integration, allowing users to search for any custom address.

• We integrated Stripe payment platform. 

TECHNOLOGY

• Front-end:
  • Modern SPA built using ReactJS/ Redux
  • State-of-the-art UI based on Material UI library
  • I18n support
  • Google Maps & Google Places API integration
  • Stripe payment integration
• Back-end:
  • Python & Django Framework
  • Development of a RESTful API to be consumed mainly by the SPA
  • AWS Lambda functions to calculate best routes
  • Terraform to create a fully declarative infrastructure
  • Integration of Tesla's API to provide real-time stats
  • Integration of Mapbox's API

RESULTS

• In 5 months, we managed to deliver a fully-functional ReactJS & Redux booking app.
• The UX design of the app was completely aligned with the new booking experience we created.
• The product we delivered met the client's expectections, especially in terms of reliability.

CONTEXT

Elton AI was created to resolve a corporate problem: keeping track of employees’ travel expenses. The app had to make the process of uploading receipts as easy as possible to be efficient. To do so, this app allows users to scan their receipts with their smartphones and extracts information automatically from them.

CLIENT NEEDS

While collaborating with Elton's in-house team, we were in charge of the whole user experience, as well as defining the software architecture of the platform and its implementation.We faced complex challenges: the app needed to be seamless for users (scanning receipts info from several data sources) and their finance teams (data collected should be automatically injected in their record systems). Moreover, we had a short deadline to release an initial MVP version to launch pilot programs.

NaNLABS WORK

• We did several iterations and made sure that the system inspired trust.

• The app used an OCR system linked to a machine learning engine.

• Integrations: integration with several corporate email providers, integration with banking APIs, integration with corporate ERPs to upload all the expenses data collected.

• We also implemented a recommendation system to reduce human interaction as much as possible.

TECHNOLOGY

• Front-end:
  • Development of the mobile app using ReactJS Native.
  • Auth0 SSO and Python OCR integrations.
  • IOS photo automatic label & AI photo labeling.
• Back-end:
  • Development of microservices architecture using NestJS.
  • Service keys encrypted with Google KMS and JWT token based security.
  • Continuous integration with Google Cloud Build.
  • OCR service as fallback.
• DevOps:
  • Kubernetes & Helm using GKE.
  • Deployment on GCP.

RESULTS

• Respecting the deadline, we were able to deliver a mobile app using AI and Cloud OCR technologies to scan receipts and then extract and process data.

• By using automatic functionalities, the users can add their receipts quicker, which makes it easier to gather them.

CONTEXT

CyberCube is a SaaS technology company created by Symantec. CyberCube offers expertise in cybersecurity and delivers high-quality cyber risk analytics. This collaboration with CyberCube is born out of our previous collaboration with Symantec, back in 2016.

CLIENT NEEDS

Initially, the client needed his legacy Java monolith app to be re-architected. Also, the company needed a similar customer experience across the different lateral software apps created and architecture reutilization. Finally, CyberCube's analytics platform struggled with performance issues due to the large amount of data collected.

NaNLABS WORK

• Migration of a Java monolith platform into a state-of-the-art cloud-based solution.
• Architecture and development of brand-new solutions for different stakeholders in the insurance landscape.
• Collaborate on the development and maintenance of different CyberCube's suites of products reusing software modules and components.

TECHNOLOGY

• Front-end:
  • Refactoring of a legacy AngularJS app to ReactJS.
  • Atomic Design approach using Storybook to create a set of reusable UI components and enable reutilization across the entire suite of applications.

• Back-end:
  • Proven back-end tooling stack such as Java and Spring to make it robust.
  • Cloud-native transformation using AWS SAM and AWS managed services such as Lambda functions, DynamoDB and API gateway.
• DevOps:
  • Docker for all the components of the solution to ease the CI/CD process.
  • ElasticSearchDB to improve performance

RESULTS

• NaNLABS was part of the initial engineering team (4 engs) that worked on the first versions of the platform. The current team counts more than 60 engs.
• We collaborated on defining data sets & schemes versioning mechanisms used to perform complex portfolio analyses that handle large volumes of data.
• Initial development of a new solution that helps identifying "single point of failures", analyzing cyber risk concentrations or cyber accumulations.

CONTEXT

Ox is on a mission to change the way people get jobs, making it easier to acquire the skills needed to get started in technology. They're providing companies with access to a remote, ready and trained workforce.

Ox contacted NaNLABS in order to develop an MVP that would be tested by their target audience. The MVP would also be used to run pilot programs and attract investors. 

CLIENT NEEDS

Ox already had the vision but they needed product guidance. They wanted a handy mobile application with a friendly UI and a system that would be able to provide a complete speech analysis and save users' progress on their learning milestones. Thus, Ox needed a partner to help with the design and development parts of the MVP. 

NaNLABS WORK

• NaNLABS brought together a cross-functional team: 2 full-stack Developers, a UI/UX Designer, a Product Manager and a Technical Lead/Support.
• Our team laid down the software architecture to make the MVP foundations solid and future-proof.
• Our UI/UX Designer fully revamped the initial design to create an easy-to-use and engaging experience. 
• Our full-stack developers implemented the different microservices and set up the orchestration of the several software pieces.

TECHNOLOGY & METHODOLOGY

• SCRUM methodology with the following setup: one week sprints, weekly refinement and daily meetings with NanLABS’ team, weekly meetings with the client to present a demo and show the progress we’d made. 
• Front-end: React with Apollo Client.
• Back-end: NestJS framework with GraphQL (Apollo Server)
• DevOps: Google Cloud Platform (GCP) services such as Firebase authentication, Docker containers, Natural Language Processing (NLP) with Digital Signal Processing (DSP).  
• Design: Figma

RESULTS

• Within 90 days, NaNLABS shortened the time to market with an MVP in the form of a fully functional PWA that used NLP and DSP to analyze human voice notes.
• The success of this first collaboration got Ox to collaborate with NaNLABS on a second project.

CONTEXT

Tongal is a content creation platform connecting brands to its creative community. To put it simply, think of Tongal as your creative studio on demand. When looking for a collaborator to work on the creative aspect of your project, Tongal’s process allows you to find the creator whose vision matches yours. Tongal operates all over the world, with over 200,000 independent creators, working in 177 countries. 

CLIENT NEEDS

The project was to develop a custom collaborative content creation platform, supporting high traffic spikes and building a reusable set of microservices. 

NaNLABS WORK

• Team augmentation: 7 team members from NaNLABS worked with Tongal’s team to complete this extensive project. 
• We built a microservice architecture to enable service reutilization among several Tongal platforms.
• We developed some of the back-end main new services as well as front-end components.
• We deployed services individually using Docker containers. 
• We helped with QA automation tasks and set up observability tools to make sure the architecture was working properly. 

TECHNOLOGY

• Front-end: React with Typescript, Apollo GraphQL with type generation, Storybook.
• Back-end: Kotlin with Spring, Postgres, GraphQL
• DevOps: Kubernetes with Helm, Drone, Prometheus with AlertManager and Grafana.
• Performance: K6
• QA automation: Nightwatch (WebDriver API + Selenium) 

RESULTS

• NaNLABS was able to fully integrate with Tongal’s team to ensure the success of the project, using Agile principles.  
• The product was successfully launched, respecting the tight timeline of 6 months. 
• The platform continues to support 6,000 daily users with spikes up to 50,000.
• This project marks the start of a 3-years collaboration with Tongal.