Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/harshsinghmumbai/github_repo_search

In this Repo , I have Created GitHub_Repo_Search Card with search functionality that allows users to enter a GitHub username and access information about that user github profile,
https://github.com/harshsinghmumbai/github_repo_search

api-calling fetching-data-from-an-api searching-functionality skeleton-loading

Last synced: 20 days ago
JSON representation

In this Repo , I have Created GitHub_Repo_Search Card with search functionality that allows users to enter a GitHub username and access information about that user github profile,

Awesome Lists containing this project

README

        

In a GitHub repository, a GitHub_Repo_Search card has been created with search functionality. This feature enables users to input a GitHub username and view information about that user's GitHub profile.



Features of the Project is:-



📱 Fully Responsive Design
🔍 Search Functionality
⌛ Skeleton Loading Effect
🌑 Dark Mode Option
💻 Fetched GitHub API Data Displayed on Github Repo Profile Info.

Technologies Used:



🍦 Vanilla CSS & HTML
🌬️ TailwindCSS
🤖 Vanilla JavaScript
⚛️ Next.js (The React Full-Stack Framework)
🛠️ Shadcn/ui Components Library

🔗 Check out the live project:-https://githubreposearchproject-harshsinghmumbais-projects.vercel.app/


Check out My LinkedIn Profile post related to this Project:-https://www.linkedin.com/feed/update/urn:li:activity:7201564684854964225/

Mobile Responsiveness Design

![Screenshot (372)](https://github.com/harshsinghmumbai/Github_Repo_Search/assets/145204222/4aee40a0-68c0-4e83-8503-02d5f081371d)
![Screenshot (373)](https://github.com/harshsinghmumbai/Github_Repo_Search/assets/145204222/3bcea4a1-00c4-4a98-abb6-17dc99f2dd61)

Tablet Responsiveness Design

![Screenshot (374)](https://github.com/harshsinghmumbai/Github_Repo_Search/assets/145204222/65157a2f-f1ee-4e77-9181-cae2d602ce76)
![Screenshot (375)](https://github.com/harshsinghmumbai/Github_Repo_Search/assets/145204222/f04b2bea-c148-498d-aa56-20a7b9a4ac9f)

Laptop Responsiveness Design

![Screenshot (376)](https://github.com/harshsinghmumbai/Github_Repo_Search/assets/145204222/8185ca4c-b330-4e03-ac0c-8970e2a5c1ec)
![Screenshot (377)](https://github.com/harshsinghmumbai/Github_Repo_Search/assets/145204222/17c78a92-2c1c-4bff-8c3a-d599c01a48d3)