I want to make a FinTech application for my project. The app would be web based and people could log in and then make transfer using their credit card to any bank account in naija.

I just started learning to code and I feel this is something that would require a lot of OOP and asynchronous programming which I am struggling with. I don't really like the to do list apps, games and tiny calculators I am doing. I am looking to do something hard and massive.

What kind of technologies and APIs would I be working with and how would you advice I go about this.

You can integrate paystack api to handle your payments, also learn how to use webhook

VillagePeople11:
You can integrate paystack api for handle your payments, also learn how to use webhook

Thanks men

Since it is web application.
I assume you already know how to design the user interface.

For the rest u can use
PHP or any of its libraries like code igniter or cake php
MYSQLI for database
Flutterwave for your API(this is the one that will handle all the financial transactions)
Sendgrid API(This is for email, you can use the in built php mailer on the server but your emails will often end in spambox, and since u will often send mail to users after a successful transactions or for any other purposes then having a third party API like Sendgrid is good)

If you have any other questions please let me know

cbrass:
Since it is web application.
I assume you already know how to design the user interface.

For the rest u can use
PHP or any of its libraries like code igniter or cake php
MYSQLI for database
Flutterwave for your API(this is the one that will handle all the financial transactions)
Sendgrid API(This is for email, you can use the in built php mailer on the server but your emails will often end in spambox, and since u will often send mail to users after a successful transactions or for any other purposes then having a third party API like Sendgrid is good)

If you have any other questions please let me know

Thanks men. I am already building the UI. I am cloning pagas website. Would it be possible to substitute PHP for node JS. I know front end JavaScript to a particular level and I don't think picking up nodejs would be difficult for me.

tensazangetsu20:

Thanks men. I am already building the UI. I am cloning pagas website. Would it be possible to substitute PHP for node JS. I know front end JavaScript to a particular level and I don't think picking up nodejs would be difficult for me.

Why are u trying to clone the site? Why cant you be unique

cbrass:


Why are u trying to clone the site? Why cant you be unique

I am not a UI designer. So would use a renowned design to do it. Besides I am not going to host this. It's a personal project to add to my portfolio.

tensazangetsu20:

I am not a UI designer. So would use a renowned design to do it. Besides I am not going to host this. It's a personal project to add to my portfolio.

Okay I get you

tensazangetsu20:
I want to make a FinTech application for my project. The app would be web based and people could log in and then make transfer using their credit card to any bank account in naija.

I just started learning to code and I feel this is something that would require a lot of OOP and asynchronous programming which I am struggling with. I don't really like the to do list apps, games and tiny calculators I am doing. I am looking to do something hard and massive.

What kind of technologies and APIs would I be working with and how would you advice I go about this.

Bro, like someone said you’d have to use paystack or flutterwave to achieve this, so your app basically acts as a wrapper to paystacks api, the reason being, banks do not make their apis open to the general public, but only to payments platforms like etransacts, paystack and co. So I doubt there’s another way for a hobbyist/solo developer to access the banks apis directly

Regarding the design/ui of your app, check dribble.io. It’s a site for graphic/ui designers to share their portfolio with clients/employers
You’d see lots of beautiful and modern ui designs there.

It’s a good way to fine tune your html/css abilities, without having to worry about your lack of design skills

15thAccount:



Bro, like someone said you’d have to use paystack or flutterwave to achieve this, so your app basically acts as a wrapper to paystacks api, the reason being, banks do not make their apis open to the general public, but only to payments platforms like etransacts, paystack and co. So I doubt there’s another way for a hobbyist/solo developer to access the banks apis directly

Regarding the design/ui of your app, check dribble.io. It’s a site for graphic/ui designers to share their portfolio with clients/employers
You’d see lots of beautiful and modern ui designs there.

It’s a good way to fine tune your html/css abilities, without having to worry about your lack of design skills

Thanks men. Already got started. Most dribble designs aren't always full websites. Just the homepage. I am done with the homepage UI thoughm

I built the UI though. What do you guys think. This is only the homepage for now but I am building other pages.

https://chinomso1995.github.io/mini-fintech-application

I edited some things off from pagas own though.

CC 15thAccount cbrass

tensazangetsu20:
I built the UI though. What do you guys think. This is only the homepage for now but I am building other pages.

https://chinomso1995.github.io/mini-fintech-application

I edited some things off from pagas own though.

CC 15thAccount cbrass

This is beautiful.
Did you use bootstrap for this or vanilla css?

It came out a little mashed on my phone, but that has to do with design, you’ve admitted design isn’t your talent . The background image also looks a bit stretched which again is a design problem rather than structural.

It may also be my phone, it probably displays better when viewed on a laptop.

Don’t worry too much about it tho, if you begin to focus on trivial issues, you’ll spend one month on the landing page and won’t make progress on the overall project

8/10

asides that it’s responsive and beautiful, I like the sticky navbar also.

15thAccount:



This is beautiful.
Did you use bootstrap for this or vanilla css?

It came out a little mashed on my phone, but that has to do with design, you’ve admitted design isn’t your talent . The background image also looks a bit stretched which again is a design problem rather than structural.

It may also be my phone, it probably displays better when viewed on a laptop.

8/10



asides that it’s responsive and beautiful, I like the sticky navbar also.

I only used bootstrap for the carousels. I honestly did not want to start writing javascript for that. Every other thing is plain css. You can check the source codes on my github.

You use an Iphone. I would need to look at media screen size and adjusts it. It looks okay on an android device.

tensazangetsu20:
I built the UI though. What do you guys think. This is only the homepage for now but I am building other pages.

https://chinomso1995.github.io/mini-fintech-application

I edited some things off from pagas own though.

CC 15thAccount cbrass

This is good, just minor changes and u will be fine

.Net is the best.
Learn C# programming language for free by one of our nairalander
Subscribe to the YouTube channel and watch free tutorial videos. You can thank me later by subscribing

https://www.youtube.com/channel/UCwNrlP_X_VV4vg00P2QmDnw

You can as well join our Facebook community where we answer questions, discuss and share ideas about technologies
https://www./738709033333419/?ref=share

15thAccount:



This is beautiful.
Did you use bootstrap for this or vanilla css?

It came out a little mashed on my phone, but that has to do with design, you’ve admitted design isn’t your talent . The background image also looks a bit stretched which again is a design problem rather than structural.

It may also be my phone, it probably displays better when viewed on a laptop.

Don’t worry too much about it tho, if you begin to focus on trivial issues, you’ll spend one month on the landing page and won’t make progress on the overall project

8/10

asides that it’s responsive and beautiful, I like the sticky navbar also.

I am done with the UI but I am kind of stuck. You can review the page and you would see its responsive across various mobile devices. I want to create a unique login and password for the website. I want a page to show once that username and password is entered. What kind of technology would I use to achieve this? The app itself will be housed within the created page.

tensazangetsu20:


I am done with the UI but I am kind of stuck. You can review the page and you would see its responsive across various mobile devices. I want to create a unique login and password for the website. I want a page to show once that username and password is entered. What kind of technology would I use to achieve this? The app itself will be housed within the created page.

You’re entering JavaScript territory. How’s your JavaScript? You’ll need to catch up on js to add logic to your site. Html and css are for static webpages. Once you need to introduce some logic, like login or logout or to interact with some database, you’ll need JavaScript or some server side language.

JavaScript is the natural next step though, so carry on.

15thAccount:


You’re entering JavaScript territory. How’s your JavaScript? You’ll need to catch up on js to add logic to your site. Html and css are for static webpages. Once you need to introduce some logic, like login or logout or to interact with some database, you’ll need JavaScript or some server side language.

JavaScript is the natural next step though, so carry on.

My JavaScript is okay. I have been learning JavaScript for like ten hours a day for the past month. I also have a lot of projects but they are all boring like calculators, quote generators and stupid shit like that. How would you recommend I go about adding JavaScript to the data base.
What I wanna achieve is this:

Create a unique username to login to the website.

When that username is entered a new page which would house the app is delivered. If it's back end I don't mind going with nodejs since it's still JavaScript and I believe I can learn it easily.

tensazangetsu20:

My JavaScript is okay. I have been learning JavaScript for like ten hours a day for the past month. I also have a lot of projects but they are all boring like calculators, quote generators and stupid shit like that. How would you recommend I go about adding JavaScript to the data base.
What I wanna achieve is this:

Create a unique username to login to the website.

When that username is entered a new page which would house the app is delivered. If it's back end I don't mind going with nodejs since it's still JavaScript and I believe I can learn it easily.

You don’t need node at this point, JavaScript has access to your browsers local storage, which can serve as a database for this use case.

The browser provides an api called storage, just like the DOM, which you can use for crud operations.
Storage.set(key, value),
Storage.get(value).


Imagine this workflow. When a user wants to sign up, he enters a username and a password. Once he clicks the sign up button, you’ve already set up an event listener in your js file to take in the username and password and store them in local storage. Maybe storage.set(username, password).


When someone intends to login, once he provides a username and password, in your event listener method, you take in the username name, use a storage.get(username) which returns the password (or returns null if no password exists) then you compare the password provided by the user to the password returned from storage.get(username)

If both are the same it means the user credentials are valid. Then you can route/redirect the user to any page you want, using another browser api “location.assign(relative url)” which routes the user to the relative url page. If the user credentials are invalid, you can display an error message on the login page, without redirecting the user anywhere.


Relative url simply means the url relative to your project directory I.e an absolute url is the full path to a webpage. http://www.example.com/index.html is an absolute url
a relative url would simply be index.html

15thAccount:



You don’t need node at this point, JavaScript has access to your browsers local storage, which can serve as a database for this use case.

The browser provides an api called storage, just like the DOM, which you can use for crud operations.
Storage.set(key, value),
Storage.get(value).


Imagine this workflow. When a user wants to sign up, he enters a username and a password. Once he clicks the sign up button, you’ve already set up an event listener in your js file to take in the username and password and store them in local storage. Maybe storage.set(username, password).


When someone intends to login, once he provides a username and password, in your event listener method, you take in the username name, use a storage.get(username) which returns the password (or returns null if no password exists) then you compare the password provided by the user to the password returned from storage.get(username)

If both are the same it means the user credentials are valid. Then you can route/redirect the user to any page you want, using another browser api “location.assign(relative url)” which routes the user to the relative url page. If the user credentials are invalid, you can display an error message on the login page, without redirecting the user anywhere.


Relative url simply means the url relative to your project directory I.e an absolute url is the full path to a webpage. http://www.example.com/index.html is an absolute url
a relative url would simply be index.html

Wow, thanks men. I never thought like this at all.

tensazangetsu20:


Wow, thanks men. I never thought like this at all.

If there’s anything you don’t understand let me know, so I try to explain better, or better still provide resources that might help you out.


You will certainly need node to build the backend of your app. I was just showing you a hack to emulate a backend. It is very insecure and I doubt anyone uses it in the industry. Once you’re done implementing your login and logout functionality. Then move on to your backend. There are very good 3rd party libraries for authentication like passportjs

15thAccount:


If there’s anything you don’t understand let me know, so I try to explain better, or better still provide resources that might help you out.


You will certainly need node to build the backend of your app. I was just showing you a hack to emulate a backend. It is very insecure and I doubt anyone uses it in the industry. Once you’re done implementing your login and logout functionality. Then move on to your backend. There are very good 3rd party libraries for authentication like passportjs

Thanks men. I think with local storage and location.assign I believe I can build everything on the front end. It's not a really complex application.

15thAccount:


If there’s anything you don’t understand let me know, so I try to explain better, or better still provide resources that might help you out.


You will certainly need node to build the backend of your app. I was just showing you a hack to emulate a backend. It is very insecure and I doubt anyone uses it in the industry. Once you’re done implementing your login and logout functionality. Then move on to your backend. There are very good 3rd party libraries for authentication like passportjs

Thanks men. I used a different method. Instead of get storage I set a static password using the input.value method and if the password I set is true. The website then takes you to a new page. I am working on the payment details now.

Hopefully I would be done by the end of this new week.

tensazangetsu20:


I only used bootstrap for the carousels. I honestly did not want to start writing javascript for that. Every other thing is plain css. You can check the source codes on my github.

You use an Iphone. I would need to look at media screen size and adjusts it. It looks okay on an android device.

How did you achieve the responsive navbar (hamburger menu). For example, when you click on the menu icon, there will be a cancel icon(X).

Designer123:
How did you achieve the responsive navbar (hamburger menu). For example, when you click on the menu icon, there will be a cancel icon(X).

CSS and JavaScript. Created a CSS class to move the lines by 45 degrees and then the middle one opacity to zero and then JavaScript to toggle the classes when it's clicked.

tensazangetsu20:

CSS and JavaScript. Created a CSS class to move the lines by 45 degrees and then the middle one opacity to zero and then JavaScript to toggle the classes when it's clicked.

Thanks

Done with the Application.

Thanks 15thAccount && cbrass for the hints.

SIte can be accessed here: https://chinomso1995.github.io/mini-fintech-application/

Username to access the payment page is kronika with a small k.

I made use of paystack API for the payments. Please dont send any money na my bank account e go enter

tensazangetsu20:
Done with the Application.

Thanks 15thAccount && cbrass for the hints.

SIte can be accessed here: https://chinomso1995.github.io/mini-fintech-application/

Username to access the payment page is kronika with a small k.

I made use of paystack API for the payments. Please dont send any money na my bank account e go enter

This is good.. So what are you going to do next

cbrass:


This is good.. So what are you going to do next

Will build more stuff and continue building men.

tensazangetsu20:
Done with the Application.

Thanks 15thAccount && cbrass for the hints.

SIte can be accessed here: https://chinomso1995.github.io/mini-fintech-application/

Username to access the payment page is kronika with a small k.

I made use of paystack API for the payments. Please dont send any money na my bank account e go enter

good job. keep it up