TaherAhmedAshraf/octo-profile

Octo Profile is a Next.js web application that provides instant access to GitHub profiles. Enter a GitHub username, and Octo Profile will display the user's profile information, repositories, and key stats. It's a simple and efficient way to explore GitHub profiles.

Octo Profile

Octo Profile is a web application built with Next.js that allows users to quickly access and view GitHub profiles. By simply entering a GitHub username, users can retrieve and explore essential information about a GitHub user, including their profile overview, repository list, and key statistics such as followers and following. Octo Profile provides a seamless and user-friendly experience for discovering and exploring GitHub profiles.

Features

• GitHub profile search: Enter a GitHub username to view the corresponding profile.
• Profile overview: Display the user's profile picture, bio, location, and key stats.
• Repository list: View a list of the user's repositories with important details.
• Responsive design: Enjoy a seamless experience across different devices.

Technologies Used

• Next.js: A React framework for server-side rendering and building modern web applications.
• GitHub API: Fetches GitHub user data for display.
• Tailwind CSS: A utility-first CSS framework for quick and responsive styling.
• Axios: A promise-based HTTP client for making API requests.

Getting Started

1. Clone the repository:

   git clone https://github.com/TaherAhmedAshraf/octo-profile.git
   

2. Install the dependencies:

   npm install
   

3. Run the development server:

   npm run dev
   

4. Open your web browser and navigate to http://localhost:3000 to access the Octo Profile application.

Usage

1. Enter a GitHub username in the search bar and press Enter or click the search button.
2. Octo Profile will fetch the user's GitHub profile data and display it on the page.
3. Scroll down to view the user's repositories and their details.
4. Click on a repository to view more information on GitHub.