{"id":15675121,"url":"https://github.com/bestbynature/portfolio","last_synced_at":"2025-05-06T23:42:36.862Z","repository":{"id":118059122,"uuid":"602039637","full_name":"Bestbynature/portfolio","owner":"Bestbynature","description":"This is a portfolio website that makes use of figma design and mobile first approaches. It was built with html, CSS, and JavaScript. It portrays the usage of flexbox and grid and dynamic DOM manipulations with JavaScript.","archived":false,"fork":false,"pushed_at":"2023-11-24T15:42:55.000Z","size":958,"stargazers_count":14,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-31T04:05:27.496Z","etag":null,"topics":["css","html","javascript"],"latest_commit_sha":null,"homepage":"https://bestbynature.github.io/portfolio/","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/Bestbynature.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-02-15T11:21:27.000Z","updated_at":"2023-07-21T07:13:30.000Z","dependencies_parsed_at":"2023-11-24T16:46:35.918Z","dependency_job_id":null,"html_url":"https://github.com/Bestbynature/portfolio","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/Bestbynature%2Fportfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bestbynature%2Fportfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bestbynature%2Fportfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bestbynature%2Fportfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Bestbynature","download_url":"https://codeload.github.com/Bestbynature/portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252788387,"owners_count":21804280,"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","html","javascript"],"created_at":"2024-10-03T15:57:00.100Z","updated_at":"2025-05-06T23:42:36.822Z","avatar_url":"https://github.com/Bestbynature.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003ePortfolio - Mobile first Project\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\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  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#triangular_flag_on_post-deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!--Portfolio PROJECT DESCRIPTION --\u003e\n\n# 📖 [Portfiolio - Mobile first Project] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**[Portfiolio - Mobile first Project]** is my first project to show that I can use industry best-practices to design a responsive, mobile first website. It also checks to see if i can translate figma designs to actual web pages. I did use Figma and Behance for my design inspirations these days.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eHTML\u003c/li\u003e\n    \u003cli\u003eCSS\u003c/li\u003e\n    \u003cli\u003eJAVASCRIPT\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **[Figma design to web pages]**\n- **[Hyperlinks joining the pages]**\n- **[professional commit messages]**\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\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\u003e Add a link to your deployed project.\n\n- [My Portfolio](https://bestbynature.github.io/portfolio/)\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\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n\u003cul\u003e\n    \u003cli\u003eThe current version of node\u003c/li\u003e\n    \u003cli\u003eTo have Git installed on your local machine\u003c/li\u003e\n    \u003cli\u003eNode Package manager (npm) \u003c/li\u003e\n    \u003cli\u003eAn editor such as Visual Studio Code\u003c/li\u003e\n  \u003c/ul\u003e\n\n### Setup\n\nClone this repository to your desired folder:\n\n\u003cul\u003e\n    \u003cli\u003eCreate your classic access token from github.com\u003c/li\u003e\n    \u003cli\u003erun \"git clone https://{access_token}@github.com/username/{repo_name}.git\"\u003c/li\u003e\n    \u003cli\u003eUpdate your git identity by running \"git config --global user.email \"your_email@gmail.com\"\"\u003c/li\u003e\n    \u003cli\u003eUpdate your name on git by running \"git config --global user.name \"your_name\"\"\u003c/li\u003e\n  \u003c/ul\u003e\n\n### Install\n\nInstall this project with:\n\n\u003cul\u003e\n    \u003cli\u003eIn the first commit of your feature branch create a .github/workflows folder and add a copy of [.github/workflows/linters.yml](https://github.com/microverseinc/linters-config/blob/master/html-css/.github/workflows/linters.yml) to that folder.\u003c/li\u003e\n    \u003cli\u003ecreate a .gitignore file and add node_modules to it\u003c/li\u003e\n    \u003cli\u003erun 'npm init -y'\u003c/li\u003e\n    \u003cli\u003erun 'npm install --save-dev hint@7.x'\u003c/li\u003e\n    \u003cli\u003eCopy [.hintrc](https://github.com/microverseinc/linters-config/blob/master/html-css/.hintrc) to the root directory of your project.\u003c/li\u003e\n    \u003cli\u003erun 'npx hint .'\u003c/li\u003e\n    \u003cli\u003eFix validation errors.\u003c/li\u003e\n    \u003cli\u003erun 'npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x'\u003c/li\u003e\n    \u003cli\u003eCopy [.stylelintrc.json](https://github.com/microverseinc/linters-config/blob/master/html-css/.stylelintrc.json) to the root directory of your project.\u003c/li\u003e\n    \u003cli\u003erun 'npx stylelint \"**/*.{css,scss}\"'\u003c/li\u003e\n  \u003c/ul\u003e\n\n### Usage\n\nTo run the project, execute the following command:\n\nExample command:\n\n```sh\n  use git bash to open in Vs code\n```\n\n### Run tests\n\nTo run tests, run the following command:\n\nExample command:\n\n```sh\nRun \"npx stylelint \"**/*.{css,scss}\" --fix \" to fix linters\n```\n\n### Deployment\n\nYou can deploy this project using:\n\n- github pages\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\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n\u003e Mention all of the collaborators of this project.\n\n👤 **Author1**\n\n- GitHub: [@githubhandle](https://github.com/Bestbynature)\n- Twitter: [@twitterhandle](https://twitter.com/Dammybest)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/damilare-ismaila-4a5a8b30/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **[contact form page]**\n- [ ] **[About page]**\n- [ ] **[links to portfolio items]**\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\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](../../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\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\u003e Write a message to encourage readers to support your project\n\nIf you like this project...\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\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n\u003e Give credit to everyone who inspired your codebase.\n\nI would like to thank members of my stand up team for their input while making this project.\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\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\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%2Fbestbynature%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbestbynature%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbestbynature%2Fportfolio/lists"}