https://github.com/ppsdang/angular-api-challenge

This repository hosts an Angular-based project designed as a api integration exercise.
https://github.com/ppsdang/angular-api-challenge

Last synced: 3 months ago
JSON representation

This repository hosts an Angular-based project designed as a api integration exercise.

• Host: GitHub
• URL: https://github.com/ppsdang/angular-api-challenge
• Owner: ppsdang
• Created: 2023-12-05T11:18:26.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-05T11:19:39.000Z (about 1 year ago)
• Last Synced: 2024-08-04T01:04:58.582Z (6 months ago)
• Language: TypeScript
• Size: 127 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-angular - angular-api-challenge - This repository hosts an Angular-based project designed as a api integration exercise. (Table of contents / Angular)
• fucking-awesome-angular - angular-api-challenge - This repository hosts an Angular-based project designed as a api integration exercise. (Table of contents / Angular)
• fucking-awesome-angular - angular-api-challenge - This repository hosts an Angular-based project designed as a api integration exercise. (Table of contents / Angular)

README

        
# 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](https://nodejs.org/en/) (Version 12.x or higher)

- [Angular CLI](https://angular.io/cli) (Version 11.x or higher)

### Installation

1. Clone the repository:

   git clone [https://github.com/ppsdang/angular-api-challenge](https://github.com/ppsdang/angular-api-challenge)

2. Navigate to the project directory:

   cd angular-api-challenge

3. Install the necessary packages:

   npm install

4. Run the development server:

   npm start

The application will be available at http://localhost:4200/.

## Tasks

1. **Complete the Authentication Service:**

Implement the `login` method in `auth.service.ts` to integrate with Reqres API for user authentication. Use the following endpoint for login:

- Login API: https://reqres.in/api/login

2. **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}

3. **Enhance the Resource Detail View:**

Enhance `resource-detail.component.ts` and its template to display fetched resource details effectively.

4. **Bonus Tasks:**

- Implement error handling for API requests.

- Add loading indicators while data is being fetched.

For detailed API documentation, please visit [Reqres](https://reqres.in/).

## Authors

- [Pawanpreet Singh] - Initial Work

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.

## Acknowledgments

- Hat tip to anyone whose code was used

- Inspiration

- etc.