GitHub Insights Website

[GitHub Insights Website]

This is a GitHub Insights website that allows you to search for GitHub users and provides you with valuable information about them, such as their profile details, repositories, and followers. The website is built using React and leverages various libraries and APIs to create a seamless user experience.

Features

• GitHub User Search: Enter a GitHub username in the search bar to get insights about the user.
• Profile Details: View essential details about the user, including their name, avatar, bio, and followers count.
• Repositories: Browse through the user's repositories and see the total count of public repositories.
• Followers: Get a list of the user's followers with their avatars and GitHub profile links.
• GitHub Rate Limit: The website takes care of GitHub API rate limits and notifies users if the hourly limit is exceeded.
• Stylish UI: The UI is designed using styled-components, offering a visually appealing and responsive layout.
• React Icons: Utilizes a variety of React icons from the react-icons library for intuitive visuals.

Technologies Used

• React: The frontend of the website is built using React, allowing for efficient component-based development.
• Styled-Components: CSS is implemented using styled-components, enabling the creation of reusable and styled React components.
• React Icons: Provides a vast collection of icons to enhance the user interface.
• React Router Dom: Facilitates routing and navigation within the application.
• GitHub API: Utilizes GitHub's public API to fetch user data, repositories, and followers.
• Fusion Charts: Implements interactive and visually appealing charts to showcase insights.

Deployment

The website is deployed on Netlify, ensuring that it is easily accessible to users.

Getting Started

To run the website locally:

1. Clone this repository to your local machine.

2. Install dependencies using npm install.

3. Create a .env file at the root of the project and add your GitHub API token if required.

   npm install 
   

4. Start the development server with npm start.

Contributing

If you would like to contribute to this project, feel free to open an issue or submit a pull request. We welcome contributions to enhance the website's features, fix bugs, or improve documentation.

License

Feel free to use, modify, and distribute the code for personal and commercial purposes.

Acknowledgments

• Special thanks to the Fusion Charts team for providing excellent charting capabilities.
• Thanks to GitHub for their comprehensive API, making it possible to fetch user data with ease.
• Appreciation to the open-source community for creating and maintaining the libraries used in this project.

Enjoy exploring GitHub user insights with our website! If you have any questions or suggestions, please don't hesitate to contact us. Happy coding!