Angular DataTable Implementation

The project is in master Branch

Description

In this technical test project, I implemented a dynamic and responsive data table using Angular, designed to manage employee data retrieved from an external API. The project showcases advanced table functionalities, including pagination, sorting, filtering, and CRUD (Create, Read, Update, Delete) operations, all handled on the frontend.

Demo Video

Check out the demo video of the project here

Features

• 🧩 Responsive Design: Optimized for all devices.
• 🧩 Pagination: Implemented pagination to display 10 items per page by default, with the option to change the number of items displayed.
• 🧩 Sorting: Enabled sorting on all columns, allowing users to sort data in ascending or descending order
• 🧩 Filtering: Provided a comprehensive filtering feature to search across all columns, making it easy to find specific records.
• 🧩 CRUD Operations: Added functionality to add and remove employees directly from the table on the frontend, providing a seamless user experience.

Getting Started

Prerequisites

• Angular
• Material Design -Type Script
• Rest Api
• Html
• Css
• Bootstra
• RxJS

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

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

Contact

Mohamed Nour KHammeri - @My-Web-Site - [email protected]

Project Link: https://github.com/mednour2019/AngularModuleTest