Welcome to the Search GitHub Profile project! This web application allows users to search for any GitHub profile by simply entering a username. The application fetches and displays the user's profile information in a visually appealing manner.
- User-Friendly Interface: A clean and intuitive interface for searching GitHub profiles.
- Real-Time Data Fetching: Fetches real-time data from GitHub's API.
- Profile Information: Displays profile picture, name, username, bio, followers, following, and repositories count.
- Error Handling: Provides user-friendly error messages for invalid usernames.
- Responsive Design: Fully responsive design that works on all devices.
Check out the live demo of the application here.
To get a local copy up and running, follow these simple steps:
-
Clone the repository:
git clone https://github.com/VinayNoogler000/Search-GitHub-Profile-Webpage.git cd search-github-profile-webpage -
Install dependencies:
npm install
-
Start the development server:
npm start
- Open your browser and navigate to
http://localhost:5173. - Enter a GitHub username in the input field.
- Click the "Search" button.
- View the fetched profile information.
- HTML: For structuring the webpage.
- CSS (Tailwind CSS): For styling the application.
- JavaScript: For adding interactivity.
- Axios: For making API requests.
- Vite: For bundling and serving the application.
GitHub Profile Getter - JS (Mini)
├── dist/
│ └── output.css
├── node_modules/
├── index.html
├── app.js
├── style.css
├── .gitignore
├── package.json
├── package-lock.json
├── postcss.config.js
├── tailwind.config.js
└── README.mdDistributed under the MIT License. See LICENSE for more information.