Banking app built in React, Redux, TypeScript, Node, Strapi
Banking app built in TypeScript, React, Redux and Node. There is also an option to use Strapi, but you would have to adjust the Front End to use it.
Demo user (automatically created when you start the app):
Login: [email protected]
Password: admin123
(Please note this app needs to be adjusted to use the new Strapi Back End. Also, the TypeScript implementation is in early stage and covers only Front End at the moment.)
Inspired by Daily UI 30 PSD files.
Moved to HTML5/CSS3 using Avocode (link to HTML/CSS repo).
Technologies:
WEB:
API:
react-bank-api
or use any other name, but then update it in the old-api/.env
config fileweb
and old-api
folder by typing npm install
inside each of themnpm run start-dev
in old-api
foldernpm start
in web
folderreact-bank-api
or use any other name, but then update it in the .env
config fileweb
and root folder by typing npm install
inside each of themnpm run develop
in root folder or (recommended) use Visual Studio Code debugger
to run itnpm start
in web
folderTo create an optimized build in both cases, run npm run build
in web
folder
When you start the app, you should create yourself an example user, like [email protected]
/admin123
You can also use dummy data generator by sending POST
request to http://localhost:1337/app/generate-dummy-data
It will create few users and for each one of them few accounts, cards, transactions, messages and stats for the income/expenses stats widget on Front End
Go to Strapi admin panel http://localhost:1337
and set proper roles for all the endpoints your app is using, like enable generating dummy data for Public
role. Otherwise you will see "Forbidden" every time you try to connect to the API
I assume you will use Ubuntu 20.04 LTS as your system
sudo apt install nodejs
and npm sudo apt install npm
pm2
package: npm i -g pm2
NODE_ENV=production npm run build && pm2 start ecosystem.config.js --env production
production
mode and then will use PM2's config ecosystem.config.js
to start the appRemember to set up the routes permissions on the server as well, otherwise most of the endpoints will return "Forbidden"
HAVE FUN! 💪