UBank Application, Angular 1.6, MongoDB
Full FE/BE solution for banking app
UBank Application, Angular 1.6, MongoDB
Full FE/BE solution for banking app
Overview
The UBank application is a fully responsive, cross-browser banking platform built with Angular 1.6 and MongoDB on the backend. The app supports user registration, file uploads, and data retrieval via RESTful APIs. The project also features a modular approach to development using Object-Oriented Programming (OOP) with TypeScript.
Features
- User Registration: Allows users to create an account, save their progress, and continue later.
- File Uploads: Implements Multer for handling file uploads.
- Task Automation: Gulp task runner is set up for automated builds, with browserSync and nodemon for efficient development.
- Responsive Design: Built using Bootstrap and Flexbox to ensure the app is mobile-friendly and works across all devices.
- Dynamic Injection: Uses Wiredep for automatic file injection and Sass for styling.
Tech Summary
- Frontend: Built with Angular 1.6 and TypeScript, adhering to the John Papa Angular Style Guide for clean, modular code.
- Backend: Powered by Node.js and Express, with MongoDB and Mongoose for database management.
- File Management: Utilizes Multer for secure file uploads.
- Task Automation: Automated with Gulp, with live-reloading powered by browserSync and nodemon.
Outcome
The UBank application delivers a robust, scalable banking solution with secure file handling, dynamic data retrieval, and a responsive design. The modular development approach ensures maintainability and ease of future enhancements.
![[1] UBank Application, Angular 1.6, MongoDB, Full FE/BE solution for banking app](/projects/ubank-application/ubank-application-featured.png)
![[1] UBank Application, Angular 1.6, MongoDB, Full FE/BE solution for banking app](/projects/ubank-application/ubank-application-1.png)
![[2] UBank Application, Angular 1.6, MongoDB, Full FE/BE solution for banking app](/projects/ubank-application/ubank-application-2.png)
![[2] UBank Application, Angular 1.6, MongoDB, Full FE/BE solution for banking app](/projects/ubank-application/ubank-application-3.png)
![[3] UBank Application, Angular 1.6, MongoDB, Full FE/BE solution for banking app](/projects/ubank-application/ubank-application-4.png)