{"id":18355050,"url":"https://github.com/hetrox8/portfolio1","last_synced_at":"2025-04-13T16:22:51.453Z","repository":{"id":158964501,"uuid":"634351225","full_name":"hetrox8/portfolio1","owner":"hetrox8","description":"This is my personal portfolio website, The main languages used to complete this website include mainly Html and Css. You can go through it and see my previous projects","archived":false,"fork":false,"pushed_at":"2023-06-23T23:59:44.000Z","size":1584,"stargazers_count":5,"open_issues_count":7,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T07:21:16.003Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/hetrox8.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-29T20:50:15.000Z","updated_at":"2024-11-11T17:17:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"fefe5851-b6b4-4782-a56c-aa22de69e5db","html_url":"https://github.com/hetrox8/portfolio1","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/hetrox8%2Fportfolio1","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hetrox8%2Fportfolio1/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hetrox8%2Fportfolio1/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hetrox8%2Fportfolio1/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hetrox8","download_url":"https://codeload.github.com/hetrox8/portfolio1/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248741912,"owners_count":21154408,"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":[],"created_at":"2024-11-05T22:05:52.666Z","updated_at":"2025-04-13T16:22:51.422Z","avatar_url":"https://github.com/hetrox8.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n  \u003ch3\u003e\u003cb\u003ePortfolio: setup and mobile first\u003c/b\u003e\u003c/h3\u003e\r\n\u003c/div\u003e\r\n# :green_book: Table of Contents\r\n\r\n- [:book: About the Project](#about-project)\r\n  - [🛠 Built With](#built-with)\r\n    - [Tech Stack](#tech-stack)\r\n    - [Key Features](#key-features)\r\n- [:computer: Getting Started](#getting-started)\r\n  - [Prerequisites](#prerequisites)\r\n  - [Setup](#setup)\r\n  - [Install](#install)\r\n  - [Usage](#usage)\r\n  - [Run tests](#run-tests)\r\n  - [Deployment](#deployment)\r\n  - [Presentation](#Presentation)\r\n- [:bust_in_silhouette: Author](#author)\r\n- [:telescope: Future Features](#future-features)\r\n- [:handshake: Contributing](#contributing)\r\n- [:star:️ Show your support](#support)\r\n- [:pray: Acknowledgements](#acknowledgements)\r\n- [:memo: License](#license)\r\n\r\n# :book: Portfolio: setup and mobile first \u003ca name=\"about-project\"\u003e\u003c/a\u003e\r\n\r\n**Portfolio: setup and mobile first** a simple project structured and style using html , css and css flexbox.\r\n\r\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\r\n\r\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eClient\u003c/summary\u003e\r\n  \u003cul\u003e\r\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/html/\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/css/\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli\u003e\u003ca href=\"https://www.freecodecamp.org/news/css-flexbox-complete-guide/\"\u003eFlexBox \u003c/a\u003e\u003c/li\u003e\r\n  \u003c/ul\u003e\r\n\u003c/details\u003e\r\n\r\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\r\n\r\n- **Html5.**\r\n- **Css Flexbox**\r\n- **Linters for Html\u0026 Css only**\r\n\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n## :computer: Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\r\n\r\nTo get a local copy up and running, follow these steps.\r\n\r\n### Prerequisites\r\n\r\nIn order to run this project you need:\r\n\r\n- A Standard web Browser, Google Chrome Prefferd\r\n- A Text editor , I recommed to use Visual Studio Code.\r\n- Git and Git bash for making changes easy on the remote repo.\r\n\r\n### Setup\r\n\r\nClone this repository to your desired folder or download the Zip folder:\r\n\r\n```sh\r\n    \"git clone https://github.com/Suleiman/Portfolio-Project.git\"\r\n```\r\n\r\n- Navigate to the path of your directory on you local machine:\r\n\r\n```sh\r\n    cd ./my-folder/\r\n```\r\n\r\n### Install\r\n\r\nInstall all dependencies:\r\n\r\n```sh\r\n    \"npm install\"\r\n```\r\n\r\n### Usage\r\n\r\nTo run the project, follow these instructions:\r\n\r\n- You have to clone this repo to your local machine.\r\n- If you want to run it on your preferred browser, run:\r\n\r\n```sh\r\n     \" open this file in a text editor like Vs Code and run using  live Server\"\r\n```\r\n\r\n### Run tests\r\n\r\nTo run tests, run the following command:\r\n\r\n- HTML linter errors run:\r\n\r\n```\r\nnpx hint .\r\n```\r\n\r\n- CSS linter errors run:\r\n\r\n```\r\nnpx stylelint \"**/*.{css,scss}\"\r\n```\r\n\r\n- For unit testing, run:\r\n\r\n```\r\nnpm test\r\n```\r\n\r\n### Deployment \u003ca name=\"deployment\"\u003e\u003c/a\u003e\r\n\r\nThis Project can be deployed Using the official Github page\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"https://hetrox8.github.io/portfolio1/\"\u003eclick here\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\r\n### Presentation \u003ca name=\"presentation\"\u003e\u003c/a\u003e\r\n\r\nThis is a Presentation of the project \r\n\u003cp align=\"right\"\u003e(\u003ca href=\"https://www.loom.com/share/6e90f587957140afb5d36a146f7477f5?sid=35427f39-9e7b-4ee2-b62a-d5f7b27266dc\"\u003eClick here \u003c/a\u003e\u003c/p\u003e\r\n\r\n\r\n\r\n## :bust_in_silhouette: Author \u003ca name=\"author\"\u003e\u003c/a\u003e\r\n\r\n- GitHub: [@hetrox8](https://github.com/hetrox8)\r\n- Twitter: [@suleimangacheru](https://twitter.com/suleimangacheru)\r\n- LinkedIn: [suleiman gacheru](https://www.linkedin.com/in/suleiman gacheru/)\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n## :telescope: Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\r\n\r\n- [ ] **inject projects section.**\r\n- [ ] **Inject about myself section.**\r\n- [ ] **Inject CSS grid.**\r\n- [ ] **Configure  the sections for PC/Tab versions.**\r\n- [ ] **inject Bootstrap.**\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n## :handshake: Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\r\n\r\nContributions, issues, and feature requests are welcome!\r\n\r\nFeel free to check the [issues page](../../issues/).\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n## :star:️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\r\nIf you feel impressed with this project leave a Star and Suggest changes\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n## :pray: Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\r\n\r\n- I really am Thankfull for the Microverse Community for their Support till the Completion of this Project.\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n## :memo: License \u003ca name=\"license\"\u003e\u003c/a\u003e\r\n\r\nThis project is [MIT](./MIT.md) licensed.\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhetrox8%2Fportfolio1","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhetrox8%2Fportfolio1","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhetrox8%2Fportfolio1/lists"}