HooBank

Welcome to HooBank, an impressive banking web application built with Angular. This application showcases a variety of features that provide a seamless user experience for banking operations.

This application was generated with Angular CLI version 16.1.0.

1. Features
2. Figma
3. Demo
4. Tech Stack
5. How to Launch the Application Locally
6. Code Scaffolding
7. Build
8. Running Unit Tests
9. Running End-to-End Tests
10. Further Help
11. Support
12. Contributing
13. Author
14. License

HooBank is a comprehensive banking project which includes the following features:

• Card Deal: Handles card-related functionalities.

• Clients: Manages client-related functionalities.

• Components: Contains all the reusable components used across the project.

  • Button Component: A versatile button with a radial-gradient sky blue background and hover animation effect.
  • Card Component: Displays various information in a card format. Features an animated bubble effect on the icons and a linear-gradient effect on hover.
  • Get Started Component: Displays a 'get started' call-to-action, with a title, description, and a 'get started' button.

• Features: Includes all the unique features offered by the bank.

• Footer: Handles the footer section of the website.

• Get Service: Manages all service-related functionalities.

• Header: Handles the header and navigation of the website.

• Home: Represents the homepage of the website.

• Product: Manages all product-related functionalities.

• Stats: Manages the statistics-related functionalities.

• Testimonials: Handles the testimonials section where users' feedback is displayed.

Open Figma

Open App

• NPM
• Angular CLI version 16.1.0.
• HTML
• CSS/SCSS
• Tailwind CSS
• TypeScript
• GitHub (GIT)
• VSC: Visual Studio Code
• ESLint
• Prettier

• Install Node.js and npm.

1. Open your terminal.
2. Clone the repository to your local machine.

   gh repo clone MasterCodeDevelop/HooBank

3. Navigate to the cloned repository.

   cd HooBank

4. Install the dependencies.

   npm install

5. Run the development server.

   ng serve

6. Open your web browser and navigate to http://localhost:4200/

   The application will automatically reload if you change any of the source files.

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Run ng test to execute the unit tests via Karma.

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

A simple star to this project repo is enough to keep me motivated on this project for days. If you find your self very much excited with this project let me know with a tweet.

If you have any questions, feel free to reach out to me on LinkedIn

Contributions, issues, and feature requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Mohamed Ali EL HAMECH

• Email: [email protected]
• LinkedIn: EL HAMECH Mohamed Ali
• Github: MasterCodeDevelop

LinkedIn

GitHub

Distributed under the MIT License. See LICENSE for more information.