Code Monkey home page Code Monkey logo

fyle-internship-challenge-23's Introduction

Fyle Frontend Challenge

As per the 'Fyle Frontend Challenge', this Angular application is designed to retrieve a user's public repositories from GitHub using the GitHub API. It provides an easy-to-use interface where users can input a GitHub username, and the application fetches and displays all the public repositories associated with that username. The project utilizes Angular framework and Tailwind CSS for a responsive and user-friendly design.

Features

  • User-friendly Interface: A simple and intuitive user interface for entering a GitHub username.
  • GitHub API Integration: Utilizes GitHub API to fetch and display all the public repositories of the provided username, along with the user's data, such as, location, twitter handle, bio etc.
  • Server-side Pagination: Allows easy navigation through multiple repositories using pagination.
  • Responsive Design: Ensures a smooth and adaptable user experience on various devices.

Usage

Find the deployed version at https://654a42ff71ad24305eea15ec--golden-custard-8a760d.netlify.app/

  1. Enter GitHub Username: Enter the GitHub username of the user whose public repositories you want to view.
  2. View Repositories: Once a username is entered, the application will display the user's public repositories with pagination for easy navigation.

Technologies Used

  • Angular (v16.1.0)
  • TailwindCSS (v3.3.5)
  • GitHub API

Local setup

  1. Clone the repository: git clone https://github.com/your-username/your-repo.git
  2. Navigate to the project directory: cd your-repo
  3. Install dependencies: npm install
  4. Start the development server: ng serve
  5. Open a web browser and go to http://localhost:4200/

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.