BP-Frontend is an Angular-based frontend application built with Nx workspace. It provides a modern, responsive user interface for managing and displaying data with features like filtering, sorting, and real-time updates.
- Modern UI Components: Built with Angular Material and custom components
- Responsive Design: Works seamlessly across desktop and mobile devices
- Data Management: Efficient handling of data with filtering and sorting capabilities
- Unit Testing: Comprehensive test coverage with Jest
- Type Safety: Built with TypeScript for enhanced development experience
- Node.js (v14 or higher)
- npm (v6 or higher)
- Angular CLI
- Backend API server running
Before running the application, ensure that the backend server has CORS (Cross-Origin Resource Sharing) properly configured. Without this configuration, you will encounter CORS errors when making API requests.
To enable CORS in your backend:
- Install the CORS package:
npm install cors - Configure CORS in your backend application to allow requests from the frontend origin
- Clone the repository
- Install dependencies:
npm install- Start the development server:
npx nx serve bp-frontendThe application will be available at http://localhost:4200
# Start development server
npx nx serve bp-frontend
# Run tests
npx nx test bp-frontend
# Run tests with coverage
npx nx test bp-frontend --coverage# Create production build
npx nx build bp-frontend
# Preview production build
npx nx serve bp-frontend --prodapps/bp-frontend/: Main application codelibs/shared/ui/: Shared UI componentslibs/shared/models/: Shared model structures
The project includes comprehensive unit tests. To run tests:
# Run all tests
npx nx test bp-frontend
# Run tests with coverage
npx nx test bp-frontend --coverage- Create a feature branch
- Make your changes
- Run tests to ensure everything works
- Submit a pull request
This project is licensed under the MIT License.