Giter Site home page Giter Site logo

vivek1996 / got-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 973 KB

App using an api of ice and fire from https://anapioficeandfire.com/ to display the information

Home Page: https://got.vivekm.me

JavaScript 2.57% TypeScript 28.47% HTML 32.16% CSS 36.81%
angular typescript iceandfireapi gameofthrones

got-app's Introduction

GOT App 🎉

All information about a popular TV Series Game of Thrones and its related book series. Information is from the An Api of Ice and Fire

Problem Statement

Check out the following API documentation -

https://anapioficeandfire.com/ This API documentation contains all information about a popular TV Series Game of Thrones and its related book series. “An API of Ice And Fire is the world's greatest source for quantified and structured data from the universe of Ice and Fire (and the HBO series Game of Thrones)” As a solution to this problem statement, you are supposed to create an Angular application with following views -

  1. View 1 - A view to list all books, characters and houses in same repeater (ngFor) . The view should use bootstrap cards to display the information. One type of card (for example a card displaying a book) should look different from another type of card(for example a card displaying a house). The view difference can be as simple as change of border color according to the category(red for books, blue for characters and green for houses). The data should be sorted in alphabetical order.
  2. View 2 - On clicking the card, a view containing the detail of that book/character/house should open containing all the information about it in details.

Installation :

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build 🔧

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Description

“An API of Ice And Fire is the world's greatest source for quantified and structured data from the universe of Ice and Fire (and the HBO series Game of Thrones)”

The app has 2 views .

Home view :

The Home view is the homepage and it contains the Books, Characters, Houses. Clicking any of those will navigate to the Specific view with respective region .

Specific Info view :

This view has the info based on the option selected on the home view. i.e if a Book is selected then the specific view has the information about that book. This applies for Characters and house.

  • The book details contains the name, author, publisher , ISBN and characters mentioned in that book . If any of the character is clicked the details of that character is shown .
  • The Character view has the details about that character such as Name, played by, gender, books, tv series and House. Clicking on the house gives the details of that house.
  • The House detail view has the details as name, region, Coat of arms, words, founded, Sworn Members, and details about the founders.

Options :

The home view has the option to sort the listed details.

A toast message is shown for every successful sorting.

TODO

  • Add Service Worker

For any other features rise an issue .

got-app's People

Contributors

vivek1996 avatar

Watchers

 avatar  avatar

got-app's Issues

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on Greenkeeper branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet.
We recommend using:

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please click the 'fix repo' button on account.greenkeeper.io.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.