BLOOP — Web App Backend and Discord Bot Development for a Data Trading Platform

time icon
2024
2022—2023
arrow scroll icon
scroll
BLOOP web application backend development

The top player in the French transportation market owing to the power of vehicle-generated open data.

LinkByCar is a SaaS startup that created a tool to collect, process, and aggregate data from vehicles. With the use of AI technology, it can predict the behavior of any vehicle — all to ensure you safely get to your destination.

The company cooperates with popular car manufacturers, including Stellantis, Mercedes, and BMW. With an extensive network already in a place, they have serious potential to expand across all of Europe.

Don’t let WEB3 insights fade away. Join the BLOOP revolution and unlock the power of shared knowledge.

A B2B2C mobile-first search tool that helps WEB3 community connectors share knowledge across social platforms. It functions as an advanced bookmark archive.

The platform allows users to add interesting websites or posts to Discord, make collections, share them, and discuss with others.

Industry
Information technology
Link to Industry
Services
Product development
Link to Service
Timeline
3 months
  • 48,000+
    vehicles LinkByCar gathers data from
  • 75+
    types of data collected by vehicles
  • 18
    car brands they collaborate with
challenge

Insurance company managers and automotive corporations typically face challenges with complex software. That’s why the process of collecting data from vehicles can be a bit of a headache.

Real-time vehicle tracking, predicting potential problems, and accident reconstruction — all of these had to be considered in the product design. A perfect software offers everything in one place, simplifying things for those who aren’t fluent in the language of technology.

Challenge

Keeping track of everything is a nightmare. Users try numerous apps and spreadsheets, and still, they find themselves back to using markdown and vim. The constant switching between different chat apps has left them feeling overwhelmed.

Their phone is cluttered with screenshots, and they often find themselves copying and pasting messages from Discord to Slack while meticulously noting down who said what. So the platform with all-in-one functionality becomes not a whim but a real, real necessity.

It was a fully fresh perspective in every sense.

The research showed that competitors’ websites somewhat lagged behind the latest trends, which didn’t align with the technological and innovative nature of this business.

Hence, we aimed to convey the client’s digital orientation through a practical and rigorous branding approach, complemented by bright accents.

15 logo sketches
2 days spent on research
  1. Discovery. A user comes across a link or post in Discord.
  2. Saving to profile. The user can save these links/posts to their profile.
  3. Organizing content. They can create new collections or use existing ones to organize these links or posts.
  4. Easy retrieval. Later on, users easily find a specific link or post, either through a search, within a specific collection, or in their profile.
  5. Sharing. If they want to, users can share links, posts, or collections with others.
  6. Collaboration and discussion. Everyone can engage in discussions about what’s shared and even add new links to collections if they have access.
sdfsdfds
For a brand to speak with one voice, it needs a brand book to set the tone.

Kicking off the project: analysis of what the client already had

Our team analyzed what we had in the very beginning: a brief, a sample user journey, hand-drawn interface sketches, and a developed demo.

The client also shared with us a diagram they designed for Slack, which served as a helpful reference to begin our work on the Discord bot.

Despite the relatively limited set of source materials, our team overcame all challenges and produced the desired results.
{{kostiantyn-kolotov}}

Development journey. Research, Challenges, and Progress

We spent two weeks on research, followed by a bit of a mixed development phase for both the bot and backend. There was no frontend from the client’s in-house team, and tackling the backend without it was challenging.

That’s why, having outlined a plan, our team started developing the bot.  While working on it, we requested some designs to fully finalize the functionality and understand what needed to be done on the backend.

7 days spent of research
The main challenge was to create the Discord bot, as our team lacked complete mockups and a full understanding of the required functionality, crucial for backend development. But by giving it all, we obtained mockups and successfully created specific endpoints.
{{kostiantyn-kolotov}}

Aligning with customer behavior patterns and other specifics

  1. Discovery. A user comes across a link or post in Discord.
  2. Saving to profile. The user can save these links/posts to their profile.
  3. Organizing content. They can create new collections or use existing ones to organize these links or posts.
  4. Easy retrieval. Later on, users easily find a specific link or post, either through a search, within a specific collection, or in their profile.
  5. Sharing. If they want to, users can share links, posts, or collections with others.
  6. Collaboration and discussion. Everyone can engage in discussions about what’s shared and even add new links to collections if they have access.

{{slider-1}}

Accessing AWS resources to build and run the product

AWS is a platform with a wide range of perks that we utilized to host our client’s applications. For BLOOP, there were three AWS resources deployed in private subnets of a project’s VPC and directly unavailable from outside.

This involved RDS, ElastiCache, and OpenSearch. As BLOOP app (App Runner) can use the resources via VPC connector, we chose an EC2 bastion host to access them from outside and establish an SSH tunnel.

We chose AWS as it  features everything from servers and load balancers to databases, enabling us to build and deploy solutions in the cloud.
{{kostiantyn-kolotov}}

Empowering development with a versatile toolkit for back-end

To meet project requirements, our team developed a fully operational product using modern and reliable backend tools: PostgreSQL, Redis, Discord API, and OpenSearch.

Such a careful selection of technologies streamlined development and guaranteed the high performance of the client’s web app and Discord bot.

7 major technologies used
Having crafted everything from scratch, our team deployed the backend on the server, launched the bot, and uploaded everything to GitHub.
{{kostiantyn-kolotov}}

Documentation in Postman for navigation through API features

To assist the client in quickly adapting to the system, we provided comprehensive instructions in Postman — a program for sending requests to API endpoints. It also allowed us to create collections of these requests, effectively maintaining documentation.

In our case, Postman served as a library, explaining what we provided to the client and illustrating how to access user manuals, API documentation, or any other relevant resources. This approach made it easier for the client to understand and utilize the system efficiently.

Postman was our perfect choice, as here each request demonstrates the specific functions supported by the associated endpoint.
{{kostiantyn-kolotov}}
Accessing user profile
Adding the link via Discord bot
No items found.
No items found.
No items found.

Halo Lab provided brand analysis services that helped us with better understanding our market type, niche, customers, and competitors. They designed our whole SaaS platform, leveraging both UI and UX expertise. Furthermore, they used React to help us build a customer-facing dashboard that connects to our existing backends.

Have a similar project or idea? Let's discuss the details.
Get expert estimation
Get expert estimation
expert postexpert photo

Ready to discuss
your project with us?

Please, enter a valid email
By sending this form I confirm that I have read and accept the Privacy Policy

Thank you!
We will contact you ASAP!

error imageclose icon
Hmm...something went wrong. Please try again 🙏
SEND AGAIN
SEND AGAIN
error icon
clutch icon

Our clients say

The site developed by Halo Lab projected a very premium experience, successfully delivering the client’s messaging to customers. Despite external challenges, the team’s performance was exceptional.
Aaron Nwabuoku avatar
Aaron Nwabuoku
Founder, ChatKitty
Thanks to Halo Lab's work, the client scored 95 points on the PageSpeed insights test and increased their CR by 7.5%. They frequently communicated via Slack and Google Meet, ensuring an effective workflow.
Viktor Rovkach avatar
Viktor Rovkach
Brand Manager at felyx
The client is thrilled with the new site and excited to deploy it soon. Halo Lab manages tasks well and communicates regularly to ensure both sides are always on the same page and all of the client’s needs are addressed promptly.
Rahil Sachak Patwa avatar
Rahil Sachak Patwa
Founder, TutorChase

Logo creation

Sketches

A truly iconic logo is a trail of drafts

We explored different sketches during the design process. Initially, our designers considered wordmarks that convey a sense of technology, innovation, or modernity. We also experimented with minimalist symbols to accompany the wordmark. Ultimately, our team chose a wordmark featuring the infinity symbol and a symbol formed from C and A, creating an infinity loop.

Sketches

A truly iconic logo is a trail of drafts

We explored different sketches during the design process. Initially, our designers considered wordmarks that convey a sense of technology, innovation, or modernity. We also experimented with minimalist symbols to accompany the wordmark. Ultimately, our team chose a wordmark featuring the infinity symbol and a symbol formed from C and A, creating an infinity loop.

Being a data scientist, our client had written Python code to perform mathematical calculations. So, one of our key goals was to leverage the right technologies to correctly integrate this code into the platform.
{{margarita-d}}

Logo creation

Time for a closer look at our back-end development journey

Nest.js

Nest.js is a framework for building server-side applications using Node.js. It provides a high level of abstraction and enables easy code structuring, the use of modular architecture, and efficient handling of requests. We utilized Nest.js to create a structured and easily maintainable API. Our server side included controllers, services, and models responsible for handling requests, business logic, and database access.

PostgreSQL

In the data storage and management endeavors, we relied on PostgreSQL. This robust database supports various data types, upholds their integrity, and empowers advanced analytics and query optimization capabilities. Within PostgreSQL, we have crafted a database schema that includes tables for users, link records, and other key data. We also utilize SQL queries for efficient data storage and retrieval.

Redis

Within the project’s infrastructure, we harnessed Redis to supercharge data caching and bolster overall productivity. Redis served as a pivotal component in our strategy, allowing us to store frequently accessed data, such as user sessions and query results, directly in memory. This approach ensured lightning-fast access times, contributing to an optimized workflow.

OpenSearch

OpenSearch is a distributed system designed for data searching and analysis, offering a wide array of capabilities for indexing and searching data at scale. For BLOOP, we employed this versatile tool to handle substantial volumes of data.

Discord API

Considering BLOOP’s specifics, our team used the Discord API to integrate with Discord. We’ve developed a versatile bot that actively interacts with Discord servers, efficiently sending messages, processing user commands, and executing various functions. This integration allows the client’s users to communicate and engage with BLOOP on the Discord platform.

Thanks to the right tools, we filled both the bot and web app with tons of cool features, like cross-platform accessibility, efficient handling of requests, seamless data management, various submission options, and improved search capabilities
{{kostiantyn-kolotov}}

Logo creation

Logo creation