https://github.com/dnyaneshwargiri/strabag-coding-challenge
CRUD operations on data table using AgGrid & Material
https://github.com/dnyaneshwargiri/strabag-coding-challenge
aggrid angular angular18 angularmaterial datagrid employee-management-system grid-layout jest material rxjs
Last synced: 2 months ago
JSON representation
CRUD operations on data table using AgGrid & Material
- Host: GitHub
- URL: https://github.com/dnyaneshwargiri/strabag-coding-challenge
- Owner: dnyaneshwargiri
- Created: 2024-12-04T16:35:49.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-12-05T14:56:51.000Z (7 months ago)
- Last Synced: 2025-03-31T08:44:13.429Z (3 months ago)
- Topics: aggrid, angular, angular18, angularmaterial, datagrid, employee-management-system, grid-layout, jest, material, rxjs
- Language: TypeScript
- Homepage: https://dnyaneshwargiri-employee-app.netlify.app/
- Size: 593 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Employee Document Manager
Table of Contents
## About The Project
A document management web app built with Angular 18, Angular Material, and AG Grid, featuring CRUD functionality with modal-based forms and a responsive data grid. It follows best practices using standalone components and reactive forms.
### Built With
Below are frameworks/ libraries used to bootstrap this project.
- 
- 
- 
- 
- 
- 
- ## Getting Started
Below are instructions on setting up your project locally.
### Prerequisites
- Node 21
- Pnpm 9.14.4app
- Typescript: ~5.5.2
- Angular: ^18.2.0
- AgGrid: ^32.3.3### Installation
1. Clone the repo
```sh
git clone https://github.com/dnyaneshwargiri/strabag-coding-challenge.git
```
2. Go to project directory
```sh
cd employee-app
```
3. Install NPM packages
```sh
pnpm install/ yarn install
```
4. Compile Angular app
```sh
pnpm build
```
5. Run
```sh
pnpm dev /* dev mode */
```## Test and Lint
Run test cases
```sh
pnpm test
```
Check for linting Warnings, Error
```sh
pnpm lint
```## To run application via Docker Image
1. Build application for production
```sh
pnpm build
```
2. Build Docker image
```sh
chmod +x ./docker.build.sh
```
```sh
sh ./docker.build.sh
```
3. Run Docker image
```sh
docker run -p 4000:4000 employee-app
```Please be informed commits are intentionly not squashed.
## Open issues
1. Non-breaking, Non-functional: Observed console error for modal ==> Blocked aria-hidden on an element because its descendant retained focus.