Code Monkey home page Code Monkey logo

fyle-website-development-challenge's Introduction

This project is a simple web application that allows users to retrieve and display GitHub user information and repositories. It utilizes the GitHub API to fetch user details and repositories based on the provided GitHub username. The user interface is designed to be user-friendly, with features like pagination and the ability to customize the number of repositories displayed per page.

Technologies Used:

HTML/CSS/JavaScript: The project is built using the trio of fundamental web technologies for creating interactive and responsive user interfaces.

Bootstrap 4: The popular CSS framework is used for styling and layout to ensure a clean and consistent design.

Font Awesome: Icons from Font Awesome are employed for visual elements, such as the map marker icon in user location.

GitHub API: The project leverages the GitHub API to fetch user information and repositories dynamically.

Functionality:

1. User Input Users can input a GitHub username in the designated form field.

2. Fetch User Data Upon clicking the "Get Repositories" button, the application fetches user information using the GitHub API.

3. Display User Info User information, including avatar, username, bio, and location, is displayed prominently.

4. Fetch Repositories The application then fetches the repositories associated with the provided username.

5. Display Repositories Each repository is presented in a card format, showing details like name, description, topics, and language.

6. Pagination The repositories are paginated, allowing users to navigate through multiple pages.

7. Customizable Repositories per Page Users can select the number of repositories to display per page from a dropdown menu.

image

Getting Started

To run the application locally, follow these steps:

  1. Clone the repository: git clone repo_link

  2. Open the index.html file in a web browser.

Keep Learning

fyle-website-development-challenge's People

Contributors

hareesh061 avatar

Watchers

 avatar

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.