https://github.com/paragunhale1998/frontend-assignment-angular
Here i Create Angular Team Builder App
https://github.com/paragunhale1998/frontend-assignment-angular
angular angularjs bootstrap css html javascript typescript
Last synced: 3 months ago
JSON representation
Here i Create Angular Team Builder App
- Host: GitHub
- URL: https://github.com/paragunhale1998/frontend-assignment-angular
- Owner: ParagUnhale1998
- Created: 2023-11-18T10:07:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-26T13:48:17.000Z (over 2 years ago)
- Last Synced: 2025-08-01T14:52:10.461Z (11 months ago)
- Topics: angular, angularjs, bootstrap, css, html, javascript, typescript
- Language: TypeScript
- Homepage: https://team-builder-app-parag-unhale.netlify.app
- Size: 6.47 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Team Builder App 🚀
Welcome to the Angular Team Builder App! This application allows you to manage users, filter them based on various criteria, and create teams with users from unique domains. It's built with Angular and Bootstrap, ensuring a responsive and visually appealing user interface.
## Features ✨
- **User List:** Display users in a card format with pagination (20 users per page).
- **Search by Name:** Easily find users by searching their names.
- **Filters:** Filter users by Domain, Gender, and Availability simultaneously.
- **Team Creation:** Create teams by selecting unique users from available domains.
- **Responsive Design:** Enjoy a seamless experience on various devices.
## Demo 🎥
[See the App in Action](#)
## Getting Started 🚀
1. Clone the repository.
```bash
git clone https://github.com/your-username/angular-team-builder.git
cd angular-team-builder
npm install
ng serve
Navigate to http://localhost:4200/.
## Usage 🌐
- Explore the user list with pagination, search, and filters.
- Create teams by selecting users from unique domains.
- View team details once the team is created.
## Technologies Used 🛠️
- Angular
- Bootstrap
- Json (for mock data)
## How to Contribute 🤝
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/new-feature`).
3. Make your changes and commit them (`git commit -m 'Add new feature'`).
4. Push the changes to your branch (`git push origin feature/new-feature`).
5. Open a pull request.
## Author 📝
- Parag Unhale
## Acknowledgments 🙏
- Mock data provided by [Google Drive Link](https://drive.google.com/file/d/1ibmr3WD7Jw6oLL6O_W390WojCLfCHw-k/view?usp=sharing).
## License 📄
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contact 📬
For any inquiries or feedback, please contact [paragunhale1998@gmail.com](mailto:your-email@example.com).