#Fyle Web Development Internship Challenge Overview Welcome to the Fyle Web Development Internship Challenge! This challenge is designed for candidates aspiring to intern with Fyle and contribute to the Web Development team. Before diving into the details, let's explore why interning at Fyle is a fantastic opportunity.
Why Fyle? Fyle is a rapidly growing Expense Management SaaS product with a dynamic engineering team. Approximately 60% of our engineers started as interns, showcasing the impactful work interns contribute. At Fyle, interns embark on challenging and meaningful projects, fostering professional growth. Explore what it's like to work at Fyle through Glassdoor reviews and inspiring teammate stories.
Challenge: GitHub Repositories Listing Page Your task is to design a website that displays the public GitHub repositories of a specific user. This project aims to test your HTML, CSS, and JavaScript skills. Below are the details of the challenge. #solution: GitHub Repositories
References & Requirements GitHub API Documentation: REST API Reference Each repository can have multiple topics. Implement server-side pagination. Default: Show 10 repositories per page. Allow the user to choose a maximum of 100 repositories per page. Display loaders during API calls. Optional: Include a search bar to filter repositories. Notes Use HTML, CSS, and JavaScript for this assignment. Bootstrap and jQuery are allowed, but no other libraries or design systems. Clearly mention any assumptions made in the README. The design is for representation; feel free to modify it, but ensure all functionalities are present. Handle all edge cases.
Welcome to GitHub Repositories Explorer! This web application allows you to fetch and explore GitHub repositories of a user, search through them, and customize the number of repositories displayed per page.
- Fetch Repositories: Easily fetch and display repositories of any GitHub user.
- User Information: Get essential information about the user, including name, avatar, location, followers, and more.
- Search Repositories: Search for specific repositories by name across all fetched repositories.
- Pagination: Navigate through the list of repositories with a user-friendly pagination system.
- Responsive Design: Enjoy a seamless experience on both desktop and mobile devices.
- Enter the GitHub username in the input field.
- Click on the "Fetch Repositories" button.
- Explore the user's information, repositories, and use the search and pagination features.
- HTML
- CSS (Bootstrap 5)
- JavaScript (jQuery)
- GitHub API
To get started with this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/github-repositories-explorer.git