How I created a Mini Bank App using low-code in less than a week 🏦 πŸ’°

// THREAD 🧡 πŸ‘‡πŸ»

#nocode #lowcode #100DaysOfNoCode #BuildingInPublic
✨ Overview

Built a Web application that mimics the behavior of the bank like show balance, transaction history, FAQs, Block cards. It's a mini Bank 🏦

Stack Used

β€’ @airtable as Backend
β€’ @UiBakery for Frontend
β€’ @MailerLite for Email Integration
β€’ @zapier for workflow
✨ Frontend

(1/2)

Used UiBakery components via drag and drop visual builder, modified some styling according to our theme, and hooked REST API via built-in Data Connection.
✨ Frontend Customisation

(2/2)

β€’ Added some validations
β€’ Integrated Sweet Alert
β€’ Customized CSS

πŸ’£ Frontend is all done 🎊
✨ Backend

(1/2)

Created different tables in Airtable to store the following details

β€’ User transaction
β€’ User Balance and account details
β€’ Bank Cards
(2/2)

✨ Whenever a transaction was made or a card is blocked, used @MailerLite to send an email to the user to alert them. 🚨

✨ Whenever the transfer was made sent that notification to Slack via @zapier πŸŽ‰
If you enjoyed this thread you might also love a similar thread of building a web app

πŸ‘‡

Back to top!

Like/RT to share knowledge 😊

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Harsh Makadia

Harsh Makadia Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @MakadiaHarsh

5 Jul
I gathered tools having free plans that can help you setup backend faster while working on your startup, MVP, or side projects! πŸ”₯

These tools are a blessing to web development! 😍

// Thread 🧡
1/ @CanonicHQ - A low code backend for your front-end

Features:
βœ… Craft APIs in minutes
βœ… Publish complex REST & GraphQL APIs, Webhooks
βœ… Powerful editor to model your content
βœ… 3rd Party Integration
βœ… Auto Crafted Docs Image
2/ @nocodeapi - The easiest way to connect with APIs.

Features:
βœ… Super Easy
βœ… Secured Keys
βœ… Data Transformation
βœ… Serverless
βœ… Blazingly fast
βœ… 30+ 3rd party apps Image
Read 12 tweets
2 Jul
Building your first mobile app πŸ“±with fewer lines of code is easier than ever before in 2021 πŸ”₯

Here are 12 tools you can use to save time and money that will make your mobile, web development job easier. πŸ› 

// Thread πŸ§΅πŸ‘‡πŸ»
1/ @thunkable - Design beautiful and powerful native apps without coding. Publish on Android, iOS & Web

Features:
βœ… One Project. Three Cross-Platform Apps.
βœ… Drag-and-Drop Blocks
βœ… Easy Animations
βœ… Pre-defined templates
βœ… Community of Creators
2/ @Bravostudioapp - From your design tool to native iOS and Android app.

Features:
βœ… Design your app in your favorite design tool Figma or AdobeXD
βœ… Connect to real data using Airtable
βœ… Test and Publish app
βœ… Bravo Community
Read 16 tweets
1 Jul
Web development is constantly evolving! πŸš€ Stop writing code to collect form data.

Here are the different nocode form builders you should start using!

// Thread 🧡
1/ @TallyForms - Simplest way to create beautiful forms & surveys, for free.

Features:
βœ… Forms for free, without limits
βœ… Collect any type of data
βœ… Customization Forms the way you want
βœ… 3rd Party Integration
2/ @typeform - Create meaningful connections with people-friendly forms & surveys

Features:
βœ… Pre-defined templates
βœ… Embed into your website, or share link
βœ… Shareable reports
βœ… 3rd Party Integration
βœ… A smart way to collect data from users
Read 11 tweets
28 Jun
I've been building websites with 0 lines of code and hosting them for $0 πŸ’Έ for a long time now.

Here is a list of tools that you can use.

Web development is changing, It's time to work smarter not harder. πŸ˜‰

// Thread 🧡
1/ @carrd - Simple, free, fully responsive one-page sites for pretty much anything.

Features:
βœ… Widgets + Embeds
βœ… 3rd Party Integration
βœ… Free for 3 sites
βœ… Responsive
βœ… Pre-defined templates
2/ @softr_io - Build powerful websites, web apps, and client portals on Airtable, in 10 minutes!

Features:
βœ… Use airtable as a database
βœ… 60+ building blocks to choose from
βœ… Authentication & User Management
βœ… Payment Integration
Read 11 tweets
26 Jun
Excited to share that I've officially completed the #100DaysOfNoCode challenge πŸ₯³ πŸŽ‰

Over time I've built lots of cool things and also earned πŸ’Έ

Here is a short story of what all happened!

// Thread 🧡
Thanks to @HainingMax Who supported my idea of posting one nocode tool per day for straight 100 days.

I have explored tons of tools during this time and learned a lot about how to build MVP faster with nocode tools.
I started to record all the tools in the Notion Database and once I had hit 90+ tools I started a free giveaway to this database by putting it on @gumroad

Here is the complete story
Read 14 tweets
21 Jun
I've over 6+ years of experience in Web development now.

Here is what you need to know about
β€’ CODE
β€’ NOCODE
β€’ LOWCODE

No matter if you are building your product or starting your career. Read this πŸ‘‡

// Thread 🧡
First, let's start with a short and sweet definition

➜ Code - Build applications using HTML, CSS, and Javascript from scratch

➜ Lowcode - Use some tools that generate the code for you

➜ Nocode - No coding knowledge required, use a visual builder to build an application
How does Nocode help?

➜ Quickly evaluate your ideas

➜ The learning curve is less as no coding knowledge is required

➜ Build MVP's in days ( Reduce time to market )
Read 20 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(