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.
- 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.
Find the deployed version at https://654a42ff71ad24305eea15ec--golden-custard-8a760d.netlify.app/
- Enter GitHub Username: Enter the GitHub username of the user whose public repositories you want to view.
- View Repositories: Once a username is entered, the application will display the user's public repositories with pagination for easy navigation.
- Angular (v16.1.0)
- TailwindCSS (v3.3.5)
- GitHub API
- Clone the repository:
git clone https://github.com/your-username/your-repo.git
- Navigate to the project directory:
cd your-repo
- Install dependencies:
npm install
- Start the development server:
ng serve
- Open a web browser and go to
http://localhost:4200/