{"id":24427442,"url":"https://github.com/shbobur/login_ui","last_synced_at":"2026-04-11T20:43:58.011Z","repository":{"id":273294494,"uuid":"919237373","full_name":"shbobur/login_ui","owner":"shbobur","description":"Qt/QML Adaptive Style Showcase","archived":false,"fork":false,"pushed_at":"2025-03-13T06:49:43.000Z","size":1225,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-01T11:05:05.152Z","etag":null,"topics":["gui","login-page","qml-samples","qt6","sso-login"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shbobur.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-20T02:43:11.000Z","updated_at":"2025-03-13T06:49:46.000Z","dependencies_parsed_at":null,"dependency_job_id":"a9784412-55a1-44c1-9a28-94fdfa732f22","html_url":"https://github.com/shbobur/login_ui","commit_stats":null,"previous_names":["shbobur/login_ui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/shbobur/login_ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shbobur%2Flogin_ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shbobur%2Flogin_ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shbobur%2Flogin_ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shbobur%2Flogin_ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shbobur","download_url":"https://codeload.github.com/shbobur/login_ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shbobur%2Flogin_ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272117043,"owners_count":24876306,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-25T02:00:12.092Z","response_time":1107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gui","login-page","qml-samples","qt6","sso-login"],"created_at":"2025-01-20T12:10:42.114Z","updated_at":"2026-04-11T20:43:57.946Z","avatar_url":"https://github.com/shbobur.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Adaptive Style Showcase\n\nA Qt/QML application demonstrating dynamic UI styling capabilities with multiple design paradigms.\n\n## Style Examples\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"screenshots/modern_ui_focus.png\" width=\"200\" alt=\"Modern Style\"\u003e\n  \u003cimg src=\"screenshots/neumorphic_ui_focus.png\" width=\"200\" alt=\"Neumorphic Style\"\u003e\n  \u003cimg src=\"screenshots/game_ui_focus.png\" width=\"200\" alt=\"Gaming Style\"\u003e\n\u003c/div\u003e\n\n## Features\n\n- Real-time style switching between:\n  - Modern\n  - Neumorphic\n  - Glassmorphic\n  - Material\n  - Gaming\n\n- Customizable components:\n  - Styled inputs\n  - Styled buttons\n  - Dynamic color schemes\n  - Custom typography\n\n- Google Sign-in Integration:\n  1. Follow [this post](https://www.auronsoftware.com/kb/general/miscellaneous/google-oauth2-how-to-setup-a-client-id-for-use-in-desktop-software/) to create OAuth 2.0 credentials\n     - Create a new project or select existing one\n     - Configure OAuth consent screen\n     - Create OAuth 2.0 Client ID\n\n  2. Open `src/oauth/googleauth.h` and replace the credentials:\n     ```cpp\n     const QString clientId = \"your-client-id-here\";\n     const QString clientSecret = \"your-client-secret-here\";\n     ```\n  3. Run the app and click the \"Google\" button\n     \u003cdiv align=\"center\"\u003e\n      \u003cimg src=\"screenshots/google_sign_in_1.png\" width=\"200\" alt=\"Google Sign-in Page\"\u003e\n      \u003cimg src=\"screenshots/google_sign_in_2.png\" width=\"200\" alt=\"Google Sign-in Page\"\u003e\n      \u003cimg src=\"screenshots/google_sign_in_3.png\" width=\"200\" alt=\"Google Sign-in Page\"\u003e\n     \u003c/div\u003e\n  4. After successful authentication:\n     \u003cdiv align=\"center\"\u003e\n       \u003cimg src=\"screenshots/google_sign_in_success_result.png\" width=\"200\" alt=\"Successful Sign-in\"\u003e\n     \u003c/div\u003e\n\n## Build Instructions\n\nThis project uses CMake as its build system. You can build it either using Qt Creator IDE or command line.\n\n### Option 1: Using Qt Creator (Recommended)\n\n1. Open Qt Creator\n2. Select \"Open Project\" and navigate to the project directory\n3. Select the `CMakeLists.txt` file\n4. Configure the project with your preferred kit\n5. Click \"Build\" or press Ctrl+B (Cmd+B on macOS)\n\n### Option 2: Command Line Build (Linux)\n\n#### Prerequisites\n- CMake (3.16 or higher)\n- Qt 6.x installed\n\n#### Standard Method\nIf Qt is installed system-wide, you can use the standard CMake commands:\n\n```bash\nmkdir build \u0026\u0026 cd build\ncmake ..\nmake\n```\n\n#### Alternative Method\nIf Qt is installed in a home directory or other path, the standard CMake command might fail to locate Qt. In this case, create a build script (`qt-build.sh`):\n\n```bash\n#!/bin/sh\nQT_DIR=~/Qt/6.8.1/gcc_64  # Adjust this path to your Qt installation, version, and preferred kit\ncmake -DCMAKE_PREFIX_PATH=$QT_DIR \\\n      -DCMAKE_TOOLCHAIN_FILE=$QT_DIR/lib/cmake/Qt6/qt.toolchain.cmake \\\n      \"$@\"\n```\n\nThen build using:\n\n```bash\nchmod +x qt-build.sh\nmkdir build \u0026\u0026 cd build\n../qt-build.sh ..\nmake\n./login-portfolio\n```\n\n\n### Troubleshooting\n\nIf you encounter \"Could not find a package configuration file provided by Qt6\", it means CMake cannot locate your Qt installation. Try:\n1. Verify your Qt installation path\n2. Use the alternative build script method above\n3. Check if all required Qt modules are installed\n\n## Roadmap\n\n- ✅ Fix main window\n- ✅ Add wasm compilation\n- ✅ Fix styles\n- ✅ Enriched Readme\n- ✅ Add save login data checkbox\n- ✅ Add SSO (Google, Facebook, GitHub, etc) buttons\n- ✅ Fix bash build script\n- ✅ Add Google SignIn\n- ✅ Add GitHub SignIn\n- ✅ Add Facebook SignIn\n- 🔑 Add X SignIn\n- 🔐 Add Encrypted secrets store\n- 📱 Mobile app: make it work on mobile, all features\n- 🌐 Deploy to GitHub Pages (wasm)\n- 🎨 Add more styles, examples: https://freefrontend.com/css-login-forms/\n\n## License\n\nApache-2.0\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshbobur%2Flogin_ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshbobur%2Flogin_ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshbobur%2Flogin_ui/lists"}