Trading Application

This repository contains the frontend for the Trading application developed using Angular. This was a group project for university. The repository includes a simple mock server to replace the backend (it does not save any data or allow registration, but you can click through the app). Use the test user with email test@test.de and password test123 to test the app.

Demo Login:

Demo Register:

Get Started

Prerequisites: Node.js and Angular must be installed.

1. Open the terminal and navigate to the project root.
2. Run cd wertpapieranlagen.
3. Run npm i (npm install) to install the necessary node_modules.
4. Run ng s (ng serve) to start the application.
5. Open http://localhost:4200/ in your browser, and use the test user with email test@test.de and password test123 to explore the app.

Switching from Mock Server to Backend

To integrate the frontend with the backend, follow these steps:

1. Develop the required API endpoints (they are listed in the mock-server services, and examples of their usage can be found in the services folder).
2. Open `app.config.ts` and set the "USE_MOCK" variable to `false`.
3. Update the "ROOT_URL" variable in `app.config.ts` to the root URL of your server.
4. Run your server and test the application to ensure it connects properly.

Used Components: Table with filters/sorting and more

In this project, there are some components used that are ready-to-use in different projects. This repository features the table with filters and sorting that was also used in this project. The table is widely configurable and contains customizable themes. The same repository also contains the custom dropdown and the range slider.