{"id":15549882,"url":"https://github.com/katarighe/microverse-capstone-project-1","last_synced_at":"2026-02-09T23:02:02.596Z","repository":{"id":176494531,"uuid":"658630376","full_name":"katarighe/microverse-capstone-project-1","owner":"katarighe","description":"This first capstone project was built from scratch as part of Module 1 of the Microverse Full-Stack Web Development Program, which requires mastery of advanced HTML, CSS, and JS. The project is a website that discusses an upcoming TV and media streaming conference to be held in July 2023 at Crest Towers, Diego Garcia, BIOT.","archived":false,"fork":false,"pushed_at":"2023-07-01T04:37:42.000Z","size":11361,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-09T02:40:06.892Z","etag":null,"topics":["capstone-project","microverse","microverse-projects","microverse-students"],"latest_commit_sha":null,"homepage":"https://katarighe.github.io/microverse-capstone-project-1/","language":"HTML","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/katarighe.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-06-26T07:29:12.000Z","updated_at":"2023-08-06T12:39:03.000Z","dependencies_parsed_at":"2023-07-12T12:00:40.775Z","dependency_job_id":null,"html_url":"https://github.com/katarighe/microverse-capstone-project-1","commit_stats":null,"previous_names":["katarighe/microverse-capstone-project-1"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/katarighe/microverse-capstone-project-1","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2Fmicroverse-capstone-project-1","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2Fmicroverse-capstone-project-1/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2Fmicroverse-capstone-project-1/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2Fmicroverse-capstone-project-1/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/katarighe","download_url":"https://codeload.github.com/katarighe/microverse-capstone-project-1/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2Fmicroverse-capstone-project-1/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29284740,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-09T21:57:15.303Z","status":"ssl_error","status_checked_at":"2026-02-09T21:57:11.537Z","response_time":56,"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":["capstone-project","microverse","microverse-projects","microverse-students"],"created_at":"2024-10-02T13:41:51.272Z","updated_at":"2026-02-09T23:01:57.588Z","avatar_url":"https://github.com/katarighe.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Microverse Capstone Project (Module 1)\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/katarighe/microverse-capstone-project-1/blob/draft-version/images/logo/laxact-streaming-conference-2023.png\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003elaxACT Streaming Conference 2023\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Prerequisites](#prerequisites)\n  - [Setup](#setup)\n  - [Run tests](#run-tests)\n  - [Deployment](#deployment)\n- [👥 Authors](#authors)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n- [🖼️ Project Gallery](#gallery)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n# 📖 Microverse Capstone Project (Module 1)\u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e This is the First Capstone Project of Microverse, a fictional conference website done with a combination of HTML/CSS/JS langauges, as well as using web applications and configurations to keep the project functioning.\n\nCapstone Project (Module 1) is a website that announced for the upcoming TV streaming conference organized by laxACT Ltd., a local IT company that specializes in multimedia technology. The conference will be held from July 4 to 7, 2023 at the Crest Towers, Diego Garcia, BIOT. General information about the  conference and the organizer is detailed throughout the first two pages of the site. There are additional sections of the website which includes joining this years conference and contacting the company responsible for holding the conference. However, these sections are still under construction and will be updated in the future. \n\nThe content inside the website is fictional, as the photos of Speakers, Partners, and, etc. are randomly obtained through [Google Images](https://images.google.com/). The project was created using HTML, CSS, and JavaScript in order to meet [the requirements defined](https://github.com/microverseinc/curriculum-html-css/blob/main/capstone/html_capstone.md) within the scope of the [Microverse Capstone Project](https://github.com/microverseinc/curriculum-professional-skills/blob/main/becoming-a-remote-professional/capstone-projects-at-microverse.md). More specially, I would like to point out that the website I create is done from scratch, but just to make it similar according to original design by Cindy Shin on Behance. See [Acknowledgements](#acknowledgements) for more details. \n\nCapstone Project (Module 1) is built as part of the 12-month Microverse Full-Stack Web Development Program. The mobile project was first applied in this project, followed by the desktop one. \n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\nThis capstone project is built and configured using the following tools:\n\n\u003cdetails\u003e\n  \u003csummary\u003eLanguages\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://html.com/\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/css/\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.javascript.com/\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eDevelopment Applications\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://code.visualstudio.com/\"\u003eVisual Studio Code\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://getbootstrap.com/\"\u003eBootstrap\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eGit / GitHub\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://git-scm.com/\"\u003eGit\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.github.com/\"\u003eGithub\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://pages.github.com/\"\u003eGithub Pages\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eWeb Configuration Applications\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.chrome.com/docs/lighthouse/overview/\"\u003eLighthouse\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://stylelint.io/\"\u003eStylelint\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://webhint.io/\"\u003eWebhint\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://eslint.org/\"\u003eES Lint\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\nThe three key features used in my personal portfolio project include: \n\n- An interactive mobile menu page.\n- An interactive photo gallery about laxACT's previous streaming conferences.\n- Storing the details of conference speakers through 1 separate JS file.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\nThe Live Demo of this Capstone Project is available now on GitHub Pages and Loom.\n\n- [Live Demo Link on GitHub pages](https://katarighe.github.io/microverse-capstone-project-1/)\n- Video Presentation of the Website on Loom: [Part 1](https://www.loom.com/share/2b5bd417bf114a779da6f25fd133a94b?sid=24aa233a-cee4-435e-abd0-a847ecfc6e94) [Part 2](https://www.loom.com/share/1223f8d85cd740cb80d3781659791e15)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nThe project that you are going to build is based on an online website for a fictitious non-existent media streaming conference. This repo provides some of the design guidelines for you to create the website. It is very important that when you personalize your project, it must have something unique in your portfolio to share with potential employers during the job searching process. \n\nTo get a local copy of this project up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n- To have Visual Studio Code (VSC) ready while loading the project. \n- To have a preferable web browser ready while viewing the project. Microsoft Edge and Google Chrome (their latest version) are considerd the best web browsers for viewing. \n- GitHub Desktop also be used as an option, but VSC is recommended code editor because of their git capability, as well as configuring the Web Linters (Lighthouse/Stylelint/Webhint/ES Lint).\n\nAlso, these basic requirements are needed in order to fully understand how the project fully works from the start:\n\n- Should have a basic knowledge of HTML, CSS, and JS (JavaScript).\n- Also, it is recommended to have a basic knowledge on how Git and GitHub works. \n\n### Setup\n\nBefore starting with the project, follow these instructions: \n- [Visual Studio Code Download Link](https://code.visualstudio.com/download/)\n- [How to Install Visual Studio Code on Windows 7/8.1/10/11](https://www.youtube.com/watch?v=MlIzFUI1QGA/)\n- [GitHub Desktop Download Link](https://desktop.github.com/)\n- [Instructions on Using GitHub Desktop easily](https://www.youtube.com/watch?v=RPagOAUx2SQ/)\n\nClone this repository to your desired folder:\n-  git clone git@github.com:katarighe/microverse-capstone-project-1.git\n\nInstall this project with Visual Studio Code:\n\n- On the Visual Studio Code welcome page, select \"Clone Git Repository\" and click. \n- Paste the copied repo into the textbox and click \"Clone from GitHub\" on the top. \n- Choose which folder where you are going to save the cloned GitHub Repository into your local PC. \n- Wait for the setup to be complete until it downloads all the content entirely from the GitHub server.\n\n### Run tests\n\nTo run the project through the web browser, follow these instructions:\n\n- Press \"Go Live\" on the bottom of the visual Studio Code. \n- The program will open on the browser of your choice, such as Microsoft Edge, Google Chrome, Mozilla Firefox, Opera or Brave. \n- However, the project will load on Microsoft Edge by default. If you wish to view the project on a different browser, \n  copy this (http://127.0.0.1:5500/) address on the Edge browser and past it to your web browser of your choice. \n- If you want to view the project on smartphone mode, right click your mouse and select \"Inspect\". Once it is opened, you \n  can view the website in mobile mode, the default size of a mobile version is set at 375x768 while desktop format is at 1024x768.\n\n### Deployment\n\nYou can deploy this project using [GitHub Pages](https://pages.github.com/), it is free and easy to apply in your project without difficulties.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Mohamed Aden Ighe**\n\n- GitHub: [@katarighe](https://github.com/katarighe)\n- Twitter: [@katarighe](https://twitter.com/katarighe)\n- LinkedIn: [@mighe](https://linkedin.com/in/mighe)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/katarighe/microverse-capstone-project-1/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nGive a star⭐️ or a thumbs up 👍 if you like this project! You can visit my GitHub profile for more of my projects. \n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n- Project supervised by [Microverse](https//www.microverse.org/) \n- Original design theme is by [Cindy Shin on Behance](https://www.behance.net/adagio07/)\n- Link to the original design theme by C. Shin is available [here](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015/)\n- [Creative Commons 4.0 License](https://creativecommons.org/licenses/by-nc/4.0/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is \u003ca href=\"https://github.com/katarighe/microverse-capstone-project-1/blob/main/LICENSE\"\u003eMIT licensed\u003c/a\u003e.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- Project Gallery --\u003e\n## 🖼️ Project Gallery \u003ca name=\"gallery\"\u003e\u003c/a\u003e\n\nThe homepage section will be shown only as a sample for this project. If you would like to view the rest please visit my live demo linked located inside of the README file.\n\n**Mobile Version**\n\u003cbr\u003e\n![image](https://github.com/katarighe/microverse-capstone-project-1/assets/80690364/3a6e6335-6822-4e39-a50b-f9133a5f3bf4)\n\n**Desktop Version**\n\u003cbr\u003e\n![image](https://github.com/katarighe/microverse-capstone-project-1/assets/80690364/f3ba7817-2d74-4f0f-92aa-e679b219084a)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkatarighe%2Fmicroverse-capstone-project-1","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkatarighe%2Fmicroverse-capstone-project-1","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkatarighe%2Fmicroverse-capstone-project-1/lists"}