Awesome
Resource Management App
This Angular application demonstrates basic login functionality and resource listing. Your task is to integrate API endpoints for authentication and fetching resource details.
Getting Started
These instructions will get the project up and running on your local machine for development and testing purposes.
Prerequisites
- Node.js (Version 12.x or higher)
- Angular CLI (Version 11.x or higher)
Installation
- Clone the repository: git clone https://github.com/ppsdang/angular-api-challenge
- Navigate to the project directory: cd angular-api-challenge
- Install the necessary packages: npm install
- Run the development server: npm start The application will be available at http://localhost:4200/.
Tasks
- Complete the Authentication Service:
Implement the
login
method inauth.service.ts
to integrate with Reqres API for user authentication. Use the following endpoint for login:
- Login API: https://reqres.in/api/login
- Implement Resource Listing and Detail Fetching:
- In
resource.service.ts
, complete methods to fetch a list of resources and details of a specific resource from Reqres API. Use these endpoints:- Resources List API: https://reqres.in/api/resources
- Resource Detail API: https://reqres.in/api/resource/{:id}
-
Enhance the Resource Detail View: Enhance
resource-detail.component.ts
and its template to display fetched resource details effectively. -
Bonus Tasks:
- Implement error handling for API requests.
- Add loading indicators while data is being fetched.
For detailed API documentation, please visit Reqres.
Authors
- [Pawanpreet Singh] - Initial Work
License
This project is licensed under the MIT License - see the LICENSE.md file for details.
Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- etc.