{"id":15439328,"url":"https://github.com/braincee/sports-news","last_synced_at":"2025-04-19T18:34:43.958Z","repository":{"id":42032759,"uuid":"480343582","full_name":"braincee/Sports-News","owner":"braincee","description":"OLYMPICS 2022 website is a major international multi-sport event held once every four years. The mordern Olympics were inspired by the ancient Olympics games held in Greece. I developed this website to show the wonderful games being payed during this period of Olympics.","archived":false,"fork":false,"pushed_at":"2022-11-19T11:27:54.000Z","size":4771,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-29T11:41:39.799Z","etag":null,"topics":["css","html5","javascript","microverse","microverse-projects","microverse-students"],"latest_commit_sha":null,"homepage":"https://braincee.github.io/Sports-News/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/braincee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-04-11T11:07:33.000Z","updated_at":"2024-11-14T11:23:00.000Z","dependencies_parsed_at":"2022-08-12T03:00:15.675Z","dependency_job_id":null,"html_url":"https://github.com/braincee/Sports-News","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/braincee%2FSports-News","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/braincee%2FSports-News/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/braincee%2FSports-News/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/braincee%2FSports-News/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/braincee","download_url":"https://codeload.github.com/braincee/Sports-News/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249765507,"owners_count":21322434,"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","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":["css","html5","javascript","microverse","microverse-projects","microverse-students"],"created_at":"2024-10-01T19:04:42.462Z","updated_at":"2025-04-19T18:34:43.925Z","avatar_url":"https://github.com/braincee.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://img.shields.io/badge/Microverse-blueviolet)\n\n# OLYMPICS GAMES 2022\n\n## Description\n\nOLYMPICS 2022 website is a major international multi-sport event held once every four years. The mordern Olympics were inspired by the ancient Olympics games held in Greece. I developed this website to show the wonderful games being payed during this period of Olympics.\n\n- This is the page view:\n\n    Desktop version: \n\n    ![Desktop](./images/desktop-version.png)\n    \n    Mobile Version:\n\n    ![Mobile](./images/mobile-version.png)\n\n\u003e Learning Objectives\n\n- Use semantic HTML tags.\n- Apply best practices in HTML code.\n- Use CSS box model.\n- Use CSS selectors correctly.\n- Use Flexbox to place elements in the page.\n- Demonstrate ability to create UIs adaptable to different screen - sizes using media queries.\n- Use GitHub Pages to deploy web pages.\n- Apply JavaScript best practices and language style guides in code.\n- Use JavaScript to manipulate DOM elements.\n- Use JavaScript events.\n- Use objects to store and access data.\n- Communicate technical concepts to other technical people.\n- Build the capstone project website.\n\n## Built With\n\n- HTML\n- CSS3 (Flexbox and Grid)\n- JavaScript\n- Git and GitHub\n- Visual Studio Code\n\n## Live Demo\n\n[Live Demo Link](https://braincee.github.io/Sports-News/)\n\n## Zoom Video\n\n[Link Zoom](https://www.loom.com/share/25ae4e2b6bbb45a38378e0bb06ba0313)\n\n## Getting Started\n\nTo get a local copy for this project and running follow these simple example steps.\n\n### Prerequisites\n\n- You need to have git installed in your computer\n- A text editor or terminal (Visual Studio Code or Atom)\n- A web brower to view output (Google Chrome)\n\n### Setup\n\n- To clone the repository run this command `git clone https://github.com/braincee/Sports-News.git`\n\n### Run tests\n\nFor tracking linters errors locally you need to follow these steps:\n\n- After cloning the project you need to run this command\n\n  \u003e npm install\n  \u003e `This command will download all the dependencies of the project`\n\n- For tracking the linter errors in HTML file run:\n\n  \u003e npx hint .\n\n- For tracking the linter errors in CSS file run:\n\n  \u003e npx stylelint \"\\*_/_.{css,scss}\"\n\n- And For tracking the linter errors in JavaScript file run:\n\n  \u003e npx eslint .\n\n### Deployment\n\n- I used GitHub Pages to deploy my website\n- For more information about publishing sources, see \"[About github page](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages#publishing-sources-for-github-pages-sites)\"\n\n## Author\n\n👤 **Stephen Annor**\n\n- GitHub: [@braincee](https://github.com/braincee)\n- Twitter: [@annor0543](https://twitter.com/annor0543)\n- LinkedIn: [Stephen Annor](https://www.linkedin.com/in/kwesi-appiah-1387801a1/)\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## Acknowledgments\n\n- Design and inspiration by [Cindy Shin on Behance](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015).\n\n- Hat tip to [Microvers](www.microverse.org) and all the staff\n- Thanks to My coding Partners\n- Thanks to My Morning-session-group and Standup-team Partners and\n- Thanks to Code Reviewers\n\n## 📝 License\n\nThis project is [MIT](./MIT.md) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbraincee%2Fsports-news","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbraincee%2Fsports-news","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbraincee%2Fsports-news/lists"}