Skip to content

Manish210103/Github-Interactive-API-App

Repository files navigation

Github-Interactive-API-App

Task :

Build an Angular Application which retrieves all the public repositories for the searched user. 
User should be able to sign-in/sign-up (Firebase Authentication) to our application using basic forms. 
Once User is logged in, he/she should be able to search GitHub users using a search box by 
entering the username achieved using API call After Entering correct username, the home page should 
be populated with user details and all its public repositories.

Deployed app : https://github-interactive-api.vercel.app/

Instruction

How to Run :

  1. Clone the repo.
    git clone https://github.com/Manish210103/Github-Interactive-API-App.git
    cd Github-Interactive-API-App
  2. Install the latest version of Angular
    npm install -g @angular/cli
  3. Install the necessary packages using
    npm install
  4. Create a firebase project and copy the firebase config to environment folder environment.ts and environment.development.ts
  5. Run the server
    ng serve
    The application will be accessible at http://localhost:4200/ .

Folders :

    - Components : contains (user-card) and (repos)
    - Layout : conatins (footer) and (header)
    - Pages : contains (home), (pagenotfound), (signin) and (signout)
    - Services : contains (authservice) and (github service)
    - environments : contains (firebase configurations)

Files :

    - app.modules.ts : contains all modules and components
    - app.routes.ts : contains routes to navigate through pages

Sample Screenshots

image

image

image

image

image