{"id":16443193,"url":"https://github.com/andreihar/howl","last_synced_at":"2026-06-04T23:31:32.951Z","repository":{"id":242326248,"uuid":"804746775","full_name":"andreihar/howl","owner":"andreihar","description":"Esports Organisation Platform","archived":false,"fork":false,"pushed_at":"2024-12-12T21:49:09.000Z","size":11533,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-26T05:15:56.233Z","etag":null,"topics":["csgo","esports","gaming","team","tournament"],"latest_commit_sha":null,"homepage":"https://howl.andreihar.com","language":"JavaScript","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/andreihar.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":"2024-05-23T07:31:02.000Z","updated_at":"2024-12-12T21:49:13.000Z","dependencies_parsed_at":"2024-06-02T09:25:51.476Z","dependency_job_id":"77860776-b144-4267-81fa-5b8ddf62755a","html_url":"https://github.com/andreihar/howl","commit_stats":{"total_commits":31,"total_committers":1,"mean_commits":31.0,"dds":0.0,"last_synced_commit":"c3ab26b8a2e43c6aade0210a355803a62197e6e3"},"previous_names":["andreihar/howl"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/andreihar/howl","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreihar%2Fhowl","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreihar%2Fhowl/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreihar%2Fhowl/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreihar%2Fhowl/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andreihar","download_url":"https://codeload.github.com/andreihar/howl/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreihar%2Fhowl/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33924832,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-04T02:00:06.755Z","response_time":64,"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":["csgo","esports","gaming","team","tournament"],"created_at":"2024-10-11T09:19:41.554Z","updated_at":"2026-06-04T23:31:32.935Z","avatar_url":"https://github.com/andreihar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- PROJECT LOGO --\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/andreihar/howl\"\u003e\n    \u003cimg src=\"src/assets/img/logos/logo.png\" alt=\"Logo\" width=\"80\" height=\"80\"\u003e\n  \u003c/a\u003e\n  \n# HOWL Gaming\n\n\n\n\u003c!-- PROJECT SHIELDS --\u003e\n[![Contributors][contributors-badge]][contributors]\n[![Licence][licence-badge]][licence]\n[![LinkedIn][linkedin-badge]][linkedin]\n\n**A website for exploring details about an esports organisation**\n\nA comprehensive platform for the esports team. This React-based application features detailed pages for teams, players, and matches, and includes i18n localisation.\n\n[Live Demo][demo]\n\n\n\n\u003c/div\u003e\n\n\n\n---\n\n\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails open\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#install\"\u003eInstall\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#features\"\u003eFeatures\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#home-page\"\u003eHome Page\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#news\"\u003eNews\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#teams\"\u003eTeams\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#team\"\u003eTeam\u003c/a\u003e\n          \u003cul\u003e\n            \u003cli\u003e\u003ca href=\"#matches\"\u003eMatches\u003c/a\u003e\u003c/li\u003e\n            \u003cli\u003e\u003ca href=\"#achievements\"\u003eAchievements\u003c/a\u003e\u003c/li\u003e\n            \u003cli\u003e\u003ca href=\"#history\"\u003eHistory\u003c/a\u003e\u003c/li\u003e\n          \u003c/ul\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#player\"\u003ePlayer\u003c/a\u003e\n          \u003cul\u003e\n            \u003cli\u003e\u003ca href=\"#setup\"\u003eSetup\u003c/a\u003e\u003c/li\u003e\n          \u003c/ul\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#localisation\"\u003eLocalisation\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#lighthouse-report\"\u003eLighthouse Report\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributors\"\u003eContributors\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#licence\"\u003eLicence\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n## About The Project\n\nHOWL Gaming is the comprehensive esports organisation website developed after taking a high school Web Design course in Spring 2019.\n\nThe original version was created using HTML, CSS, and JavaScript. In a recent update, the website was rewritten using React and the i18n localisation library to reduce the number of pages and have consistent Navbar and Footer styling everywhere on the website.\n\nThe website provides detailed information about the team's players, coaches, matches, and achievements. It also includes a news section that covers tournament overviews and detailed match descriptions.\n\n### Built With\n\n* [![React][react-badge]][react]\n* [![i18next][i18next-badge]][i18next]\n\n\n\n\u003c!-- INSTALL --\u003e\n## Install\n\nRun the app locally:\n\n```bash\n$ npm install\n$ npm run dev\n```\n\nThe website can be accessed through the URL `http://localhost:5173/`.\n\n\n\n\u003c!-- FEATURES --\u003e\n## Features\n\n### Home Page\n\nThe Home Page serves as the central hub, directing visitors to the pages of the three teams.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/home.jpg\" alt=\"Home\" width=\"550\"\u003e\n\u003c/p\u003e\n\n### News\n\nThe News Page provides an overview of a tournament and detailed descriptions of each match, including scores.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/news.jpg\" alt=\"News\" width=\"550\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/news_match.jpg\" alt=\"Match\" width=\"550\"\u003e\n\u003c/p\u003e\n\n### Teams\n\nThis Teams Page describes the three teams in the organisation, providing links to the team pages and the profiles of the players.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/teams.jpg\" alt=\"Teams\" width=\"550\"\u003e\n\u003c/p\u003e\n\n### Team\n\nThe Team Page provides comprehensive insights into each team, including player details, coaching staff, overall team information, global statistics, match records, achievements, and team history. To ensure efficient content management and prevent duplication, all team-related data is consolidated within a central file `teams.js`. This data is dynamically retrieved and presented on the corresponding team pages, ensuring consistency and ease of updates.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/team.jpg\" alt=\"Team\" width=\"550\"\u003e\n\u003c/p\u003e\n\n#### Matches\n\nThe recent and upcoming matches of the team are displayed in convenient container, providing additional information about the tournaments and scores.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/matches.jpg\" alt=\"Matches\" width=\"550\"\u003e\n\u003c/p\u003e\n\n#### Achievements\n\nThe Achievements section displays the significant trophies of the team in various tournaments and competitions.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/achievements.jpg\" alt=\"Achievements\" width=\"550\"\u003e\n\u003c/p\u003e\n\n#### History\n\nThe History section provides a detailed overview of the team's journey, milestones, and significant events, allowing fans to trace the evolution and growth of the team over time.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/history.jpg\" alt=\"History\" width=\"550\"\u003e\n\u003c/p\u003e\n\n### Player\n\nThe Player Page offers detailed insights into the player's history, setup, and achievements, which are aggregated from all the teams the player is affiliated with. To ensure efficient content management and prevent duplication, all player-related data is consolidated within a central file `players.js`. This data is dynamically retrieved and presented on the corresponding player pages, ensuring consistency and ease of updates.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/player.jpg\" alt=\"Player\" width=\"550\"\u003e\n\u003c/p\u003e\n\n#### Setup\n\nThe Setup section provides detailed information about the player's devices, crosshair settings, video configurations, and mouse settings. It also allows to download player's config file.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/setup.jpg\" alt=\"Setup\" width=\"550\"\u003e\n\u003c/p\u003e\n\n### Localisation\n\nUsers can switch between English, Belarusian, and Kazakh languages by selecting the desired option from the language selector drop-down menu in the Navbar. Belarusian and Kazakh have an additional option of switching between Cyrillic and Latin alphabets. Foreign words and proper names are rendered differently based on the selected script, with phonetic transcription in Cyrillic to reflect pronunciation, and original spelling retained in Latin.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/be-cyr.jpg\" alt=\"Belarusian Cyrillic\" width=\"550\"\u003e\n\u003cimg src=\"readme/be-lat.jpg\" alt=\"Belarusian Latin\" width=\"550\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/kk-lat.jpg\" alt=\"Kazakh Latin\" width=\"550\"\u003e\n\u003cimg src=\"readme/kk-cyr.jpg\" alt=\"Kazakh Cyrillic\" width=\"550\"\u003e\n\u003c/p\u003e\n\n\n\n\u003c!-- LIGHTHOUSE --\u003e\n## Lighthouse Report\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/audit.jpg\" alt=\"Audit\" width=\"500\"\u003e\n\u003c/p\u003e\n\n\n\n\u003c!-- CONTRIBUTORS --\u003e\n## Contributors\n\n- Andrei Harbachov ([GitHub][andrei-github] · [LinkedIn][andrei-linkedin])\n\n\n\n\u003c!-- LICENCE --\u003e\n## Licence\n\nBecause HOWL Gaming is MIT-licensed, any developer can essentially do whatever they want with it as long as they include the original copyright and licence notice in any copies of the source code.\n\n\n\n\u003c!-- MARKDOWN LINKS --\u003e\n\u003c!-- Badges and their links --\u003e\n[contributors-badge]: https://img.shields.io/badge/Contributors-1-44cc11?style=for-the-badge\n[contributors]: #contributors\n[licence-badge]: https://img.shields.io/github/license/andreihar/howl.svg?color=000000\u0026style=for-the-badge\n[licence]: LICENSE\n[linkedin-badge]: https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\n[linkedin]: https://www.linkedin.com/in/andreihar/\n[react-badge]: https://img.shields.io/badge/React-087EA4?style=for-the-badge\u0026logo=react\u0026logoColor=ffffff\n[react]: https://react.dev/\n[i18next-badge]: https://img.shields.io/badge/i18next-26A69A?style=for-the-badge\u0026logo=i18next\u0026logoColor=ffffff\n[i18next]: https://www.i18next.com/\n\n\u003c!-- Technical links --\u003e\n[demo]: https://howl.andreihar.com/\n\n\u003c!-- Socials --\u003e\n[andrei-linkedin]: https://www.linkedin.com/in/andreihar/\n[andrei-github]: https://github.com/andreihar\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreihar%2Fhowl","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandreihar%2Fhowl","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreihar%2Fhowl/lists"}