https://github.com/billalben/github-app

Github App is a fully Responsive for all devices, build using HTML, CSS, and JavaScript.
https://github.com/billalben/github-app

api css dark-theme github-api html javascript skeleton-css

Last synced: 16 days ago
JSON representation

Github App is a fully Responsive for all devices, build using HTML, CSS, and JavaScript.

• Host: GitHub
• URL: https://github.com/billalben/github-app
• Owner: billalben
• Created: 2023-12-20T16:20:35.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-24T20:01:10.000Z (6 months ago)
• Last Synced: 2024-11-10T13:41:26.293Z (2 months ago)
• Topics: api, css, dark-theme, github-api, html, javascript, skeleton-css
• Language: CSS
• Homepage: https://billalben.github.io/github-app/
• Size: 124 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# GitHub App

## Overview

Github App is a fully responsive website, 
Responsive for all devices, build using HTML, CSS, and JavaScript.

➥ Live Demo on Github Pages

➥ Live Demo on Netlify

**Github App** is an intuitive and responsive web application that enhances the GitHub user experience. This application provides an elegant interface for managing and interacting with various aspects of GitHub, such as repositories, forks, followers and following. Developed with a mobile-first design philosophy, it ensures a seamless experience across a wide range of devices.

## Key Features

**Responsive Design**: Adaptability to all device types, prioritizing mobile users.

**Dark/Light Mode**: User-selectable theme for comfortable viewing.

**User Search Functionality**: Efficient search feature for GitHub users.

**Repositories Panel**: Manage and interact with your GitHub repositories.

**Forked Panel**: View and organize forked repositories.

**Followers Panel**: Track and engage with your GitHub followers.

**Following Panel**: Monitor who you are following on GitHub.

**Skeleton**: Showing a nice skeleton before showing data

## Technologies Used

**HTML**: For structuring the web content.

**CSS**: For styling elements, with a focus on responsiveness.

**JavaScript**: To add interactivity and handle API requests.

**GitHub API**: Integrated for accessing and displaying GitHub data.

## Features in Detail

### Responsive and User-Friendly Interface:

The application is built using the mobile-first methodology, ensuring that it performs well on mobile devices, tablets, and desktops. The UI adapts gracefully to different screen sizes, maintaining usability and aesthetics.

### Dark and Light Modes

Users can switch between dark and light themes, allowing for a more personalized experience that's easier on the eyes, especially during different times of the day or in varying light conditions.

### Interactive Panels:

Each panel (Repositories, Forked, Followers, Following) is designed to provide a comprehensive view and control over the user's GitHub data, making it easy to manage and interact with different aspects of their GitHub profile.

### Acknowledgments

Special thanks to [codewithsadee](https://github.com/codewithsadee), his expertise in writing clean code, creating well-structured HTML, efficient CSS styling, and clean JavaScript code, whose tutorials and guidance have been instrumental in the development of the GitHub App project.

## Contributing

Your contributions are welcome and greatly appreciated. Follow these steps to contribute:

**Fork the Project**: `Create your Feature Branch (git checkout -b feature/YourAmazingFeature).`

**Commit your Changes**: `(git commit -m 'Add some AmazingFeature')`.

**Push to the Branch** `(git push origin feature/YourAmazingFeature)`.

**Open a Pull Request.**