{"id":26552670,"url":"https://github.com/mirokrastanov/nba-dashboard","last_synced_at":"2026-05-07T09:32:14.229Z","repository":{"id":181800753,"uuid":"667320931","full_name":"mirokrastanov/NBA-Dashboard","owner":"mirokrastanov","description":"🏀📆💻▶️A Fully Responsive Full Stack Web Application offering a modern dashboard with NBA stats, team rosters, standings, news, analysis, transactions, player stats and more.","archived":false,"fork":false,"pushed_at":"2024-08-07T16:15:54.000Z","size":10030,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-24T17:50:13.610Z","etag":null,"topics":["angular","app","firebase","front-end","nba","responsive","spa","student","web"],"latest_commit_sha":null,"homepage":"https://nba-1-480a7.web.app/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mirokrastanov.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}},"created_at":"2023-07-17T08:39:58.000Z","updated_at":"2024-08-07T16:15:57.000Z","dependencies_parsed_at":"2025-03-22T08:39:04.023Z","dependency_job_id":"d40f0c89-1cc9-4430-aab7-7245b4781d1d","html_url":"https://github.com/mirokrastanov/NBA-Dashboard","commit_stats":null,"previous_names":["mirokrastanov/nba-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mirokrastanov/NBA-Dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirokrastanov%2FNBA-Dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirokrastanov%2FNBA-Dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirokrastanov%2FNBA-Dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirokrastanov%2FNBA-Dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mirokrastanov","download_url":"https://codeload.github.com/mirokrastanov/NBA-Dashboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirokrastanov%2FNBA-Dashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32731266,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-07T02:14:30.463Z","status":"ssl_error","status_checked_at":"2026-05-07T02:14:29.405Z","response_time":62,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["angular","app","firebase","front-end","nba","responsive","spa","student","web"],"created_at":"2025-03-22T08:39:01.022Z","updated_at":"2026-05-07T09:32:14.193Z","avatar_url":"https://github.com/mirokrastanov.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NBA-Dashboard\n🏀📆💻▶️A Fully Responsive Full Stack Web Application offering a modern dashboard with NBA stats, team rosters, leaderboard, upcoming games and more with a detailed page for each.\n## Selected for Best Project from all the students in the course \u003ca href=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/tree/main/softuni-angular\"\u003eAngular - June 2023\u003c/a\u003e (close to 500 people) 😊\n\n### Disclaimer\n- This is a non-commercial student project designed to showcase programming skills. I have only used it in a student environment @SoftUni.\n\u003cbr /\u003e\n\n## App Demo\n#### The app was deployed using the Firebase Hosting service\n\u003ca href=\"https://nba-1-480a7.web.app/\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/try-now-btn.png?raw=true\" height=\"60px\" /\u003e\u003c/a\u003e\n- BACKUP: [In case main hosting is down](https://nba-1-480a7.firebaseapp.com/)\n\n#### Data last updated - Aug 2023\n- Please note - the last data update was made in August 2023. The data will not be updated further as this is a showcase student project. If needed the scraping algorithms can be queued to perform an update regularily. Or better yet - be replaced with a real API. For this project I could not find a suitable and free API in order to showcase my skills. Using a real API would be much easier anyways. :)\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n# General App Overview\n## Introduction\n- The app provides all sorts of NBA information. \n- The user experience is nicely designed and styled with beautiful elements. \n- Both Light and Dark mode are available throughout the whole application pages.\n- Mobile devices gain a specifically designed experience tuned for small screen devices.\n\n## Key Features\n- Light/Dark modes - selection is remembered\n- Favorites/Likes for Logged in Users. Favorites are displayed in the User's Profile.\n- Authentication\n- Guest features/access are limited\n- Users get an enhanced experience and twice as many available features\n- Search with auto suggestions (show up as you type) \n- Dynamic navigation with animations and active highlight\n- Special mobile device views and navigation show/hide button\n- And much more...\n\n## Page Map\n- Dashboard (Some elements change depending on guest/user status)\n- Standings\n    - Western Conference Standings\n    - Eastern Conference Standings\n- Teams\n    - Selected Team Details\n        - Team Roster\n        - Team Advanced Stats\n- Players\n    - Selected Player Details\n- Transactions (Only for logged in Users)\n- News (Only for logged in Users)\n    - Current News Article Details (Only for logged in Users)\n- Analysis (Only for logged in Users)\n    - Current Analysis Article Details (Only for logged in Users)\n- User Profile (Only for logged in Users)\n\n## Sneak Peak Images \n- Dashboard (User View)\n\u003cp align=\"center\"\u003e\u003ca href=\"https://nba-1-480a7.web.app/\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/nba-dashboard-project/1.png?raw=true\" alt=\"game-image\" height=\"600px\"\u003e\u003c/a\u003e\u003c/p\u003e\n- Dashboard (Guest View)\n\u003cp align=\"center\"\u003e\u003ca href=\"https://nba-1-480a7.web.app/\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/nba-dashboard-project/2.png?raw=true\" alt=\"game-image\" height=\"600px\"\u003e\u003c/a\u003e\u003c/p\u003e\n- Teams (with nice hover effects)\n\u003cp align=\"center\"\u003e\u003ca href=\"https://nba-1-480a7.web.app/\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/nba-dashboard-project/3.png?raw=true\" alt=\"game-image\" height=\"600px\"\u003e\u003c/a\u003e\u003c/p\u003e\n- Navigation (with a custom animated tooltip on hover)\n\u003cp align=\"center\"\u003e\u003ca href=\"https://nba-1-480a7.web.app/\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/nba-dashboard-project/4.png?raw=true\" alt=\"game-image\" height=\"300px\"\u003e\u003c/a\u003e\u003c/p\u003e\n- Navigation on big screens\n\u003cp align=\"center\"\u003e\u003ca href=\"https://nba-1-480a7.web.app/\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/nba-dashboard-project/5.png?raw=true\" alt=\"game-image\" height=\"600px\"\u003e\u003c/a\u003e\u003c/p\u003e\n- Navigation on mobile devices (toggled on)\n\u003cp align=\"center\"\u003e\u003ca href=\"https://nba-1-480a7.web.app/\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/nba-dashboard-project/6.png?raw=true\" alt=\"game-image\" height=\"600px\"\u003e\u003c/a\u003e\u003c/p\u003e\n- Mobile View with navigation toggled off\n\u003cp align=\"center\"\u003e\u003ca href=\"https://nba-1-480a7.web.app/\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/nba-dashboard-project/7.png?raw=true\" alt=\"game-image\" height=\"600px\"\u003e\u003c/a\u003e\u003c/p\u003e\n- Liked Team (already added to favorites)\n\u003cp align=\"center\"\u003e\u003ca href=\"https://nba-1-480a7.web.app/\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/nba-dashboard-project/8.png?raw=true\" alt=\"game-image\" height=\"100px\"\u003e\u003c/a\u003e\u003c/p\u003e\n- Not liked (you can click on the star to add it to favorites). Also showcases the custom tooltip on hover telling you what happens if you click the star. The star also spins with an animation effect, but to see that you must try out the app. :)\n\u003cp align=\"center\"\u003e\u003ca href=\"https://nba-1-480a7.web.app/\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/nba-dashboard-project/9.png?raw=true\" alt=\"game-image\" height=\"200px\"\u003e\u003c/a\u003e\u003c/p\u003e\n\n\n## A lot more awaits you on the app. Thank You! \n\u003ca href=\"https://nba-1-480a7.web.app/\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/Software-Engineering-SoftUni/blob/main/miscellaneous/try-now-btn.png?raw=true\" height=\"60px\" /\u003e\u003c/a\u003e\n- BACKUP: [In case main hosting is down](https://nba-1-480a7.firebaseapp.com/)\n\n\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n# Technical Information\n\n## Front End side \n### This SPA project was built using the Angular framework\n- More information regarding Angular can be found in [this README](https://github.com/mirokrastanov/NBA-Dashboard/blob/main/client/README.md) and in the [Angular Docs](https://docs.angularjs.org/api).\n\n\n## Back End side\n### Back End is fully handled by Firebase\n- Read the details of this project's back end handling and challenges. [Here](https://github.com/mirokrastanov/NBA-Dashboard/blob/main/server/README.md)\n\n### NBA Data obtained via web scraping\n- The lack of a free and feasible good API led to me learning web scraping and incorporating it for this project.\n- It was a great way for me to learn more about the `puppeteer` library and web scraping as a whole.\n- This of course made the Front End use of this data harder than using a regular API. \n- There were many challenges and the process was very involved. \n- Read more about it [Here](https://github.com/mirokrastanov/NBA-Dashboard/tree/main/web-scrapers)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmirokrastanov%2Fnba-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmirokrastanov%2Fnba-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmirokrastanov%2Fnba-dashboard/lists"}