Grim-R3ap3r/fyle-assignment

fyle assignment

fyle-assignment

I Have Completed all the tasks assigned to me. Handled edge cases and maintained readibility in the code.

Link to the deployed website: library-website

Tasks Completed

1. Clear Search Field
2. Created a Back Button in Trending Subjects Component
3. Applied a loader (while waiting for an API response)
4. Pagination(custom made)

Other minor bugs solved

1. Search icon was out of position(was overlapping).

Assignment Structure

├── app
|  ├── app-routing.module.ts
|  ├── app.component.html
|  ├── app.component.scss
|  ├── app.component.spec.ts
|  ├── app.component.ts
|  ├── app.module.ts
|  ├── core
|  |  ├── models
|  |  |  ├── book-response.model.ts
|  |  |  ├── http-request-options.model.ts
|  |  └── core.module.ts
|  ├── services
|  |     ├── api.service.spec.ts
|  |     ├── api.service.ts
|  |     ├── subject.service.spec.ts
|  |     ├── subject.service.ts
|  ├── shared
|  |  |──table-view
|  |  |  |  ├── table-view.component.html
|  |  |  |  ├── table-view.component.scss
|  |  |  |  ├── table-view.component.ts
|  |  |  |  ├── table-view.module.ts
|  ├── components
|  |  |──home
|  |  |  |  ├── home.component.html
|  |  |  |  ├── home.component.scss
|  |  |  |  ├── home.component.ts
|  |  |  |  ├── home.module.ts
|  |  └── trending-subjects
|  |  |     ├── trending-subjects.component.spec.ts
|  |  |     ├── trending-subjects.component.html
|  |  |     ├── trending-subjects.component.scss
|  |  |     └── trending-subjects.component.ts
├── assets
├── favicon.ico
├── index.html
├── main.ts
├── polyfills.ts
├── styles.scss
└── test.ts

Screenshots

• Loader Screen:

• List of Books with Pagination

• Back Button implemented(top-left)

Technologies and Libraries

• AngularJS - AngularJS is a structural framework for dynamic web apps.

• TypeScript - TypeScript is a syntactic superset of JavaScript which adds static typing.

• TailwindCSS - A utility-first CSS framework

• HTML - HTML is the standard markup language for documents designed to be displayed in a web browser.

Built With

• AngularJs

Author

• Rathin R